<div class="table">
{% if headline is defined and headline is not empty %}
{% include('components/atoms/headline/headline.html.twig') with {
'headlineTag': headlineTag|default('h3'),
'text': headline,
'class': 'headline--section'
} %}
{% endif %}
<table class="table__data {{ class|default }}">
{% if colHeaders|default([])|length > 0 %}
<thead class="table__header--hidden">
<tr>
{% for header in colHeaders|default([]) %}
<th scope="col">{{ header }}</th>
{% endfor %}
</tr>
</thead>
{% endif %}
<tbody>
{% for data in tableData %}
<tr class="table__row">
{% for item in data %}
<td class="table__item">{{ item is iterable ? item|join(', ') : item|nl2br }}</td>
{% endfor %}
</tr>
{% endfor %}
</tbody>
</table>
</div>