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>
<table class="table">
<thead>
<tr>
<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 %}
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th scope="row"><a href="{% url "destinations:students" %}?college={{ college.id }}">{{ college.name }}</a></th>
<td>{{ college.count_decisions }}</td>
<td>{{ college.count_admit }}</td>
<td>{{ college.count_waitlist }}</td>
<td>{{ college.count_waitlist_admit }}</td>
<td>{{ college.count_waitlist_deny }}</td>
<td>{{ college.count_defer }}</td>
<td>{{ college.count_defer_admit }}</td>
<td>{{ college.count_defer_deny }}</td>
<td>{{ college.count_deny }}</td>
<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>
{% 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>
</thead>
<tbody>
{% for college in object_list %}
<tr>
<th scope="row"><a href="{% url "destinations:students" %}?college={{ college.id }}">{{ college.name }}</a></th>
<td>{{ college.count_decisions }}</td>
<td>{{ college.count_admit }}</td>
<td>{{ college.count_waitlist }}</td>
<td>{{ college.count_waitlist_admit }}</td>
<td>{{ college.count_waitlist_deny }}</td>
<td>{{ college.count_defer }}</td>
<td>{{ college.count_defer_admit }}</td>
<td>{{ college.count_defer_deny }}</td>
<td>{{ college.count_deny }}</td>
</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="col justify-content-center">