runningPlans/src/app/calendar/calendar.component.html

<div class="container">
    <table class="noselect">
        <tr>
            <th>Week</th>
            <th>Monday</th>
            <th>Tuesday</th>
            <th>Wednesday</th>
            <th>Thursday</th>
            <th>Friday</th>
            <th>Saturday</th>
            <th>Sunday</th>
            <th>Total Milage</th>
        </tr>
        @for (planWeek of examplePlan.planDetials; track $index) {
        <tr>
            <td>
                <div>Week {{planWeek.week}}</div>
            </td>
            @for (workout of planWeek.workouts; track $index) {
            <td class="hoverOverWorkout">
                <div>{{workout.type}}</div>
                <div>{{workout.totalDistance == 0 ? '' : workout.totalDistance + ' miles'}}</div>
                <div>{{workout.description}}</div>
            </td>
            }
            <td>43</td>
        </tr>
        }
    </table>
</div>