{% set is_striped = c.striped or 'table-striped' in (c.css_class or '') %}
{% set is_hover = c.hover or 'table-hover' in (c.css_class or '') %}
<div class="fcu-table-responsive" style="overflow-x: auto; width: 100%;">
  <table class="fcu-table {% if is_striped %}fcu-table--striped{% endif %} {% if is_hover %}fcu-table--hover{% endif %} {{ c.css_class if c.css_class }}">
    <thead>
      <tr>
        {% for col in c.headers %}
          <th>{{ col }}</th>
        {% endfor %}
      </tr>
    </thead>
    <tbody>
      {% if c.rows %}
        {% for row in c.rows %}
          <tr>
            {% for cell in row %}
              <td>
                {% if cell is string and (cell.startswith('<') or cell.startswith('{')) %}
                  {{ cell }}
                {% else %}
                  {{ cell }}
                {% endif %}
              </td>
            {% endfor %}
          </tr>
        {% endfor %}
      {% endif %}
    </tbody>
  </table>
</div>