Table: Table - Small

<table class="kx-table
{% if fit %} kx-table--fit-{{ fit }}{% endif %}
{% if fluid %} kx-table--fluid{% endif %}
{% if border %} kx-table--border{% endif %}
{% if highlight %} kx-table--highlight{% endif %}
{% if hover %} kx-table--hover{% endif %}
{% if rowBorder %} kx-table--rows{% endif %}
{% if colBorder %} kx-table--cols{% endif %}
{% if zebra %} kx-table--zebra{% endif %}
{% for class in classes %} {{ class }}{% endfor %}">
    {% if caption %}<caption>{{ caption }}</caption>{% endif -%}

    {% if thead -%}
    <thead{% if theme %} class="kx-theme--{{ theme }}"{% endif %}>
        <tr>
        {% for cell in thead -%}
            <th>{{ cell[0] }} {% if cell.length > 1 %} {% render '@icon', { type: 'icon', symbol: 'caret-down', size: 'base' } %} {% endif %}</th>
        {% endfor -%}
        </tr>
    </thead>
    {% endif -%}

    {% if tbody -%}
        <tbody>
            {% for row in tbody -%}
            <tr class = "{% if doubleHeight %}kx-table--doubleheight{% endif %}{% if compact %}kx-table--compact{% endif %}">
                {% for cell in row.cells -%}
                <td>{{ cell }}</td>
                {% endfor -%}
            </tr>
            {% endfor -%}
        </tbody>
    {% endif -%}
</table>