Put data into a table for viewing

templates/index.html

@@ -59,11 +59,27 @@
 </form>
 <br>
 Last Mileage
-<ul>
+<table class="table table-striped">
-{% for point in data %}
+<thead>
-  <li>
+  <tr>
-  {{ point['time'] }} = {{ point['odometer'] }}, {{point['oilhealth']}}
+    <th scope="col">Odometer</th>
-  </li>
+    <th scope="col">Time</th>
-{% endfor %}
+    <th scope="col">Oil</th>
+    <th scope="col">Litres</th>
+    <th scope="col">$/Litre</th>
+  </tr>
+</thead>
+<tbody>
+  {% for point in data %}
+  <tr>
+    <th scope="row">{{ point['odometer'] }}</th>
+    <td>{{ point['time'] }}</td>
+    <td>{{ point['oilhealth'] }}</td>
+    <td>{{ point['fuel'] }}</td>
+    <td>{{ point['fuelcost'] }}</td>
+  </tr>
+  {% endfor %}
+</tbody>
+</table>
+
 {% endblock %}
-</ul>