bus-manager/busManager/coord/templates/reports/emergency_contacts.html

<style>

    table.stopHeader th {
        text-align: left;
    }

    table.traveller th {
        text-align: left;
        border-bottom: 2px solid #000;
    }


    table.traveller td {
        table-layout: fixed;
        border-bottom: 2px solid #000;
        border-right-style: dashed;
    }


    hr {
        border: 2px solid;
    }
</style>

{% for route in routes %}
    <h1>{{ route.bus }}</h1>
        <hr>
        <table class="traveller">
            <tr>
                <th>Student</th>
                <th>Parent A</th>
                <th>Parent B</th>
                <th>Emergency Contact A</th>
                <th>Emergency Contact B</th>
                <th>Driver notes</th>
            </tr>
            {% for traveller in route.travellers %}
                <tr>
                    <td>{{ traveller.traveller }} ({{ traveller.traveller.school.shortName }})</td>
                    <td>{{ traveller.parent_a }}</td>
                    <td>{{ traveller.parent_b }}</td>
                    <td>{{ traveller.contact_a }}</td>
                    <td>{{ traveller.contact_b }}</td>
                    <td>{{ traveller.note }}</td>
                </tr>
            {% endfor %}
        </table>
        <br>
    <p style="page-break-after: always">
{% endfor %}