Table Display
The Table display is used to display lists in tabular form.
Show trips from:
Location | Trip Dates | Project Type |
---|---|---|
Argentina | Trip date: Nov 4-13, 2016 |
|
Argentina | Trip date: May 19-28, 2017 |
|
Brazil | Trip date: Dec 28, 2016 - Jan 5, 2017 |
|
Cambodia | Trip date: Nov 4-13, 2016 |
|
Chile | Trip date: Apr 15, 2017 |
|
El Salvador | Trip date: Dec 4, 2016 |
|
Kenya | Trip date: Nov 4 - 13, 2016 |
|
Philippines | Trip date: Nov 12 - 26, 2016 |
|
Thailand | Trip date: Jan 19 - 28, 2017 |
|
Zambia | Trip date: Nov 12 - 26, 2016 |
{{ attach_library('h4h_theme/table-display') }}
<div class="table-display">
{% block filters %}
{% include '@h4h_theme/table-filters/table-filters.twig' %}
{% endblock %}
{% block table %}
<table class="table-display__table" cellpadding="0" cellspacing="0">
<thead class="table-display__head">
<tr class="table-display__row table-display__row--head">
{% for item in table_head.items %}
{%
include '@h4h_theme/table-display/table-display-head/table-display-head.twig' with {
url: item.url,
description: item.description,
active: item.active
}
%}
{% endfor %}
</tr>
</thead>
<tbody>
{% for item in table.items %}
{%
include '@h4h_theme/table-display/table-display-body/table-display-body.twig' with {
description: item.description,
type: item.type,
date: item.date
}
%}
{% endfor %}
</tbody>
</table>
{% endblock %}
</div>