views/components/table.html
{% macro table(data) %}
<table class="base--table">
{% if data.name %}
<caption class="base--caption">{{data.name}}</caption>
{% endif %}
<thead class="base--thead">
<tr class="base--tr">
{% for header in data.headers %}
<th class="base--th">{{header}}</th>
{% endfor %}
</tr>
</thead>
<tbody class="base--tbody">
{% for rows in data.body %}
<tr class="base--tr">
{% for header in data.headers %}
{% set row = rows[loop.index0] %}
<td data-th="{{header}}" class="base--td">{% if row.url and row.title %}<a href="{{row.url}}" class="base--link">{{row.title}}</a>{% else %}{{row}}{% endif %}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
{% endmacro %}