Make table responsive.

This commit is contained in:
Gabriel Augendre 2018-06-02 16:58:29 +02:00
parent 0d89adddcd
commit 975775b05f

View file

@ -27,46 +27,49 @@
Liste des livres demandés Liste des livres demandés
<a href="{% url 'add_book' pk=teacher.pk %}" class="btn btn-primary">Ajouter un livre</a> <a href="{% url 'add_book' pk=teacher.pk %}" class="btn btn-primary">Ajouter un livre</a>
</h2> </h2>
<table class="table table-hover table-sm"> <div class="table-responsive">
<thead> <table class="table table-hover table-sm">
<tr> <thead>
<th scope="col">Modifier</th>
<th scope="col">Classe</th>
<th scope="col">Discipline</th>
<th scope="col">Titre</th>
<th scope="col">Auteurs</th>
<th scope="col">Éditeur</th>
<th scope="col">Collection</th>
<th scope="col">Année de publication</th>
<th scope="col">ISBN</th>
<th scope="col">Prix</th>
<th scope="col">Déjà acheté par l'élève</th>
</tr>
</thead>
<tbody>
{% for book in books %}
<tr> <tr>
<th scope="row"> <th scope="col">Modifier</th>
<a title="Modifier" <th scope="col">Classe</th>
href="{% url 'edit_book' teacher_pk=book.teacher.pk pk=book.pk %}"><i class="fas fa-edit"></i></a> <th scope="col">Discipline</th>
</th> <th scope="col">Titre</th>
<td>{{ book.level }}</td> <th scope="col">Auteurs</th>
<td>{{ book.field }}</td> <th scope="col">Éditeur</th>
<td>{{ book.title }}</td> <th scope="col">Collection</th>
<td>{{ book.authors }}</td> <th scope="col">Année de publication</th>
<td>{{ book.editor }}</td> <th scope="col">ISBN</th>
<td>{{ book.collection }}</td> <th scope="col">Prix</th>
<td>{{ book.publication_year }}</td> <th scope="col">Déjà acheté par l'élève</th>
<td>{{ book.isbn }}</td>
<td>{{ book.price }}€</td>
<td>
<i class="fas fa-{% if book.previously_acquired %}check-circle{% else %}ban{% endif %}"></i>
{{ book.previously_acquired_text }}
</td>
</tr> </tr>
{% endfor %} </thead>
</tbody> <tbody>
</table> {% for book in books %}
<tr>
<th scope="row">
<a title="Modifier"
href="{% url 'edit_book' teacher_pk=book.teacher.pk pk=book.pk %}"><i
class="fas fa-edit"></i></a>
</th>
<td>{{ book.level }}</td>
<td>{{ book.field }}</td>
<td>{{ book.title }}</td>
<td>{{ book.authors }}</td>
<td>{{ book.editor }}</td>
<td>{{ book.collection }}</td>
<td>{{ book.publication_year }}</td>
<td>{{ book.isbn }}</td>
<td>{{ book.price }}€</td>
<td>
<i class="fas fa-{% if book.previously_acquired %}check-circle{% else %}ban{% endif %}"></i>
{{ book.previously_acquired_text }}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -75,29 +78,32 @@
Liste des fournitures demandées Liste des fournitures demandées
<a href="{% url 'add_supplies' pk=teacher.pk %}" class="btn btn-primary">Ajouter des fournitures</a> <a href="{% url 'add_supplies' pk=teacher.pk %}" class="btn btn-primary">Ajouter des fournitures</a>
</h2> </h2>
<table class="table table-hover table-sm"> <div class="table-responsive">
<thead> <table class="table table-hover table-sm">
<tr> <thead>
<th scope="col">Modifier</th>
<th scope="col">Classe</th>
<th scope="col">Disciplines</th>
<th scope="col">Liste de fournitures</th>
</tr>
</thead>
<tbody>
{% for supply in supplies %}
<tr> <tr>
<th scope="row"> <th scope="col">Modifier</th>
<a title="Modifier" <th scope="col">Classe</th>
href="{% url 'edit_supplies' teacher_pk=supply.teacher.pk pk=supply.pk %}"><i class="fas fa-edit"></i></a> <th scope="col">Disciplines</th>
</th> <th scope="col">Liste de fournitures</th>
<td>{{ supply.level }}</td>
<td>{{ supply.fields }}</td>
<td>{{ supply.supplies|linebreaksbr }}</td>
</tr> </tr>
{% endfor %} </thead>
</tbody> <tbody>
</table> {% for supply in supplies %}
<tr>
<th scope="row">
<a title="Modifier"
href="{% url 'edit_supplies' teacher_pk=supply.teacher.pk pk=supply.pk %}"><i
class="fas fa-edit"></i></a>
</th>
<td>{{ supply.level }}</td>
<td>{{ supply.fields }}</td>
<td>{{ supply.supplies|linebreaksbr }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}