Creating Tables in SML

SML can create table rows and cells for you using the tablerow loop. The tablerow loop functions exactly like a for loop except that the outputs are built into a dynamically generated table instead of a list of item. It is ideal for displaying data sets and the tables generated can be styled with CSS. The number of columns and the total number of items in the table are controlled by attributes.

Basic Configuration

<table>
  {% tablerow item in items cols: 3 limit: 12 %}
    {{ item.variable }}
  {% endtablerow %}
</table>

Attributes

Variables

Advanced code Sample

You can use if logic and the position variables to apply unique styles or customize content outputs for the first column (for instance).

<table>
 {% tablerow item in items cols: 3 %}
    {% if tablerowloop.col_first %}
      First column: {{ item.variable }}
    {% else %}
      Different column: {{ item.variable }}
    {% endif %}
  {% endtablerow %}
</table>