Table

<div {{ html_attributes({
  id: id ?? false,
  class: 'table',
}, attrs ?? {}) }}>
  <table {{ html_attributes({
    id: id ?? false,
    class: 'table__table',
  }, tableAttrs ?? {}) }}>
    {% 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,
              }) }}>
                {{- (cell.text ?? cell) | componentize(inline_only=true) -}}
              </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,
            }) }}>
              {{- (cell.text ?? cell) | componentize(inline_only=true) -}}
            </{{ 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,
              }) }}>
                {{- (cell.text ?? cell) | componentize(inline_only=true) -}}
              </th>
            {% endfor %}
          </tr>
        {% endfor %}
      </thead>
    {% endif %}

    {%- if caption|default %}
      <caption class="table__caption">
        {{- caption | componentize(inline_only=true) -}}
      </caption>
    {% endif %}
  </table>
</div>