Table Row

Generates an HTML table. Must be wrapped in opening <table> and closing </table> HTML tags.

Basic Usage

Input

<table>
{% tablerow product in collection.products %}
{{ product.title }}
{% endtablerow %}
</table>

Output

<table>
<tr class="row1">
<td class="col1">
Cool Shirt
</td>
<td class="col2">
Alien Poster
</td>
<td class="col3">
Batman Poster
</td>
<td class="col4">
Bullseye Shirt
</td>
<td class="col5">
Another Classic Vinyl
</td>
<td class="col6">
Awesome Jeans
</td>
</tr>
</table>

Parameters

cols

Defines how many columns the tables should have.

Input

{% tablerow product in collection.products cols:2 %}
{{ product.title }}
{% endtablerow %}

Output

<table>
<tr class="row1">
<td class="col1">
Cool Shirt
</td>
<td class="col2">
Alien Poster
</td>
</tr>
<tr class="row2">
<td class="col1">
Batman Poster
</td>
<td class="col2">
Bullseye Shirt
</td>
</tr>
<tr class="row3">
<td class="col1">
Another Classic Vinyl
</td>
<td class="col2">
Awesome Jeans
</td>
</tr>
</table>

limit

Exits the tablerow after a specific index.

{% tablerow product in collection.products cols:2 limit:3 %}
{{ product.title }}
{% endtablerow %}

offset

Starts the tablerow after a specific index.

{% tablerow product in collection.products cols:2 offset:3 %}
{{ product.title }}
{% endtablerow %}

range

Defines a range of numbers to loop through. The range can be defined by both literal and variable numbers.

<!--variable number example-->

{% assign num = 4 %}
<table>
{% tablerow i in (1..num) %}
{{ i }}
{% endtablerow %}
</table>

<!--literal number example-->

<table>
{% tablerow i in (3..5) %}
{{ i }}
{% endtablerow %}
</table>