month-view.html

<!-- month view -->
					<table class="table table-hover">
						<thead>
							<tr>
								<th class="text-center" rowspan="3">Month</th>
								<th class="text-center" colspan="6">Temperature</th>
								<th class ="text-center" colspan="2">Rainfall</th>
							</tr>
							<tr>
								<th colspan="3" class="text-center">Daytime max</th>
								<th colspan="3" class="text-center">Nighttime min</th>
								<th rowspan="2" class="text-center">Total (mm)</th>
								<th rowspan="2" class="text-center">Rainy days</th>
							</tr>
							<tr>
								<th>highest</th>
								<th>average</th>
								<th>lowest</th>
								<th>highest</th>
								<th>average</th>
								<th>lowest</th>
							</tr>
						</thead>
						<tbody>
							<tr ng-repeat="data in month | orderBy: 'Date':true ">
								<td>{{ data.Date | date:"MMMM yyyy"}}</td>
								<td>{{ data.TempOutMaxHi }}</td>
								<td>{{ data.TempOutMaxAve }}</td>
								<td>{{ data.TempOutMaxLo }}</td>
								<td>{{ data.TempOutMinHi }}</td>
								<td>{{ data.TempOutMinAve }}</td>
								<td>{{ data.TempOutMinLo }}</td>
								<td>{{ data.Rain + ' mm' }}</td>
								<td>{{ data.RainDays }}</td>
							</tr>
						</tbody>
					</table>