{% load cf_ui %}
{% comment %} Foundation styles the `<table>` element itself — there is no `.table` class.
`.table-scroll` is the 6.2+ wrapper; `table.scroll` is the legacy form. {% endcomment %}
<div class="table-scroll {{ class }}">
  <table class="hover">
    <thead>
      <tr>
        {% for col in columns %}
          <th>{{ col.label }}</th>
        {% endfor %}
      </tr>
    </thead>
    <tbody>
      {% for row in rows %}
        <tr>
          {% for col in columns %}
            <td>{{ row|get_item:col.key }}</td>
          {% endfor %}
        </tr>
      {% endfor %}
    </tbody>
  </table>
</div>