feat: make college_list.html table horizontally scrollable

This commit is contained in:
Ethan Nguyen 2021-04-19 23:24:10 -04:00
parent 258caf98a0
commit 46c08db591
No known key found for this signature in database
GPG Key ID: B4CA5339AF911920

View File

@ -7,50 +7,52 @@
<p><b>Note</b>: All data is self-reported. We do not make any claim as to the accuracy of this data.</p> <p><b>Note</b>: All data is self-reported. We do not make any claim as to the accuracy of this data.</p>
<table class="table"> <div class="table-responsive">
<thead> <table class="table">
<tr> <thead>
<th scope="col">University Name</th>
<th scope="col">Total Applications</th>
<th scope="col">Admitted</th>
<th scope="col">Waitlisted</th>
<th scope="col">Waitlist-Admitted</th>
<th scope="col">Waitlist-Denied</th>
<th scope="col">Deferred</th>
<th scope="col">Deferred-Admitted</th>
<th scope="col">Deferred-Denied</th>
<th scope="col">Denied</th>
</tr>
</thead>
<tbody>
{% for college in object_list %}
<tr> <tr>
<th scope="row"><a href="{% url "destinations:students" %}?college={{ college.id }}">{{ college.name }}</a></th> <th scope="col">University Name</th>
<td>{{ college.count_decisions }}</td> <th scope="col">Total Applications</th>
<td>{{ college.count_admit }}</td> <th scope="col">Admitted</th>
<td>{{ college.count_waitlist }}</td> <th scope="col">Waitlisted</th>
<td>{{ college.count_waitlist_admit }}</td> <th scope="col">Waitlist-Admitted</th>
<td>{{ college.count_waitlist_deny }}</td> <th scope="col">Waitlist-Denied</th>
<td>{{ college.count_defer }}</td> <th scope="col">Deferred</th>
<td>{{ college.count_defer_admit }}</td> <th scope="col">Deferred-Admitted</th>
<td>{{ college.count_defer_deny }}</td> <th scope="col">Deferred-Denied</th>
<td>{{ college.count_deny }}</td> <th scope="col">Denied</th>
</tr> </tr>
{% empty %} </thead>
<tr> <tbody>
<td>There is no data to display.</td> {% for college in object_list %}
<td></td> <tr>
<td></td> <th scope="row"><a href="{% url "destinations:students" %}?college={{ college.id }}">{{ college.name }}</a></th>
<td></td> <td>{{ college.count_decisions }}</td>
<td></td> <td>{{ college.count_admit }}</td>
<td></td> <td>{{ college.count_waitlist }}</td>
<td></td> <td>{{ college.count_waitlist_admit }}</td>
<td></td> <td>{{ college.count_waitlist_deny }}</td>
<td></td> <td>{{ college.count_defer }}</td>
</tr> <td>{{ college.count_defer_admit }}</td>
{% endfor %} <td>{{ college.count_defer_deny }}</td>
</tbody> <td>{{ college.count_deny }}</td>
</table> </tr>
{% empty %}
<tr>
<td>There is no data to display.</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="row py-3"> <div class="row py-3">
<div class="col justify-content-center"> <div class="col justify-content-center">