Responsive tables
This commit is contained in:
parent
74272cfa1c
commit
a5249feb74
|
@ -1,33 +1,35 @@
|
||||||
<table class="table table-striped">
|
<div class="table-responsive" style="overflow-x: auto">
|
||||||
<thead>
|
<table class="table table-striped">
|
||||||
<tr>
|
<thead>
|
||||||
<th>Date</th>
|
|
||||||
{% if show_talk %}<th>Talk</th>{% endif %}
|
|
||||||
<th>Event</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{% set events = reverse_order ? events|sortbyfield('date')|reverse : events|sortbyfield('date') %}
|
|
||||||
{% for event in events %}
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<th>Date</th>
|
||||||
{{ event.date|date('j F Y') }}
|
{% if show_talk %}<th>Talk</th>{% endif %}
|
||||||
</td>
|
<th>Event</th>
|
||||||
|
|
||||||
{% if show_talk %}
|
|
||||||
<td>
|
|
||||||
<a href="{{ event.talk.url }}">
|
|
||||||
{{ event.talk.title }}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<td>
|
|
||||||
{% if event.website %}<a href="{{ event.website }}">{% endif %}
|
|
||||||
{{ event.title }}
|
|
||||||
{% if event.website %}</a>{% endif %}
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
</thead>
|
||||||
</tbody>
|
<tbody>
|
||||||
</table>
|
{% set events = reverse_order ? events|sortbyfield('date')|reverse : events|sortbyfield('date') %}
|
||||||
|
{% for event in events %}
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
{{ event.date|date('j F Y') }}
|
||||||
|
</td>
|
||||||
|
|
||||||
|
{% if show_talk %}
|
||||||
|
<td>
|
||||||
|
<a href="{{ event.talk.url }}">
|
||||||
|
{{ event.talk.title }}
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<td>
|
||||||
|
{% if event.website %}<a href="{{ event.website }}">{% endif %}
|
||||||
|
{{ event.title }}
|
||||||
|
{% if event.website %}</a>{% endif %}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
{% endfor %}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue