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

<style>

    table.stopHeader th {
        text-align: left;
        min-width: 150px;
        width: 100%;
    }

    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;
        width: 100%;
        min-width: 30px;
    }


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

{% for route in routes %}
    <h1>{{ route.route_name }}</h1>
    {% for stop in route.stops %}
        <hr>
        <table class="stopHeader">
            <tr>
                <th>Stop Number #{{ stop.stop_num }}</th>
                <th>Pickup Time</th>
                <th>Drop-off Time</th>
            </tr>
            <tr>
                <td>{{ stop.name }}</td>
                <td>{{ stop.am }}</td>
                <td>{{ stop.pm }}</td>
            </tr>
        </table>
        <table class="traveller">
            <tr>
                <th>Student</th>
                <th>Fare</th>
                <th>Mon AM</th>
                <th>Mon PM</th>
                <th>Tue AM</th>
                <th>Tue PM</th>
                <th>Wed AM</th>
                <th>Wed PM</th>
                <th>Thu AM</th>
                <th>Thu PM</th>
                <th>Fri AM</th>
                <th>Fri PM</th>
            </tr>
            {% for traveller in stop.travellers %}
                <tr>
                    <td>{{ traveller.display }}</td>
                    <td><b>{{ traveller.isFared }}</b></td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                    <td>    </td>
                </tr>
            {% endfor %}
        </table>
        <br>
    {% endfor %}
    <p style="page-break-after: always">
{% endfor %}