Tabelle

<table {{ html_attributes({
  id: id ?? false,
  class: 'table',
}, attrs ?? {}) }}>
  {% if header|default %}
    <thead class="table__head">
      {% set header = header[0] is not iterable ? [header] : header %}
      {% for row in header %}
        <tr class="table__head-row">
          {% for cell in row %}
            <th {{ html_attributes({
              class: 'table__head-cell',
              align: cell.align ?? false,
              width: cell.width ?? false,
              scope: cell.scope ?? 'col',
              colspan: cell.colspan ?? false,
              rowspan: cell.rowspan ?? false,
              style: cell.style ?? false,
            }) }}>
              {{- (cell.text ?? cell) | componentize -}}
            </th>
          {% endfor %}
        </tr>
      {% endfor %}
    </thead>
  {% endif %}

  <tbody class="table__body">
    {% for row in rows %}
      <tr class="table__row">
        {% for cell in row %}
          {% set tag = cell.headcell|default ? 'th' : 'td' %}

          <{{ tag }} {{ html_attributes({
            class: 'table__cell',
            scope: cell.scope ?? (tag == 'th' ? 'row' : false),
            align: cell.align ?? false,
            colspan: cell.colspan ?? false,
            rowspan: cell.rowspan ?? false,
            style: cell.style ?? false,
          }) }}>
            {{- (cell.text ?? cell) | componentize -}}
          </{{ tag }}>
        {% endfor %}
      </tr>
    {% endfor %}
  </tbody>

  {% if footer|default %}
    <tfoot class="table__foot">
      {% set footer = footer[0] is not iterable ? [footer] : footer %}
      {% for row in footer %}
        <tr class="table__foot-row">
          {% for cell in row %}
            <th {{ html_attributes({
              class: 'table__foot-cell',
              align: cell.align ?? false,
              width: cell.width ?? false,
              scope: cell.scope ?? 'col',
              colspan: cell.colspan ?? false,
              rowspan: cell.rowspan ?? false,
              style: cell.style ?? false,
            }) }}>
              {{- (cell.text ?? cell) | componentize -}}
            </th>
          {% endfor %}
        </tr>
      {% endfor %}
    </thead>
  {% endif %}

  {%- if caption|default %}
    <caption class="table__caption">
      {{- caption | componentize -}}
    </caption>
  {% endif %}
</table>