usage of tablerow in shopify

        {% tablerow product in collection.products cols: 3 %}

        <div class = "image">
          <a href="{{ product.url | within: collection }}"
             title="{{ product.title }}">
            <img src="{{ product.images.first | product_img_url: 'small' }}"
                 alt="{{ product.title }}" /></a>
        </div>

        <div class = "details">
          <a href= "{{ product.url | within: collection }}">
            {{ product.title | truncate: 30 }}</a><br />
          <small>{{ product.price | money }}</small>
        </div>

        {% endtablerow %}