Evenly dividing up table items in columns

Question

I'm building out my first Craft site and learning a whole lot so far. Coming from ExpressionEngine, this really seems like what EE should have been.

Anyway, I'm trying to find a way divide up content from a table field into three even columns. For example, if I have content in 9 rows in a table, I would like to have 3 items per column. Is this possible with Twig? Here is the HTML. Thank you!

<div class="medium-3 medium-offset-2 small-centered medium-uncentered columns">
    <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ul>
</div>

<div class="medium-3 medium-offset-2 small-centered medium-uncentered columns">
    <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ul>
</div>

<div class="medium-3 medium-offset-2 small-centered medium-uncentered columns">
    <ul>
        <li>item</li>
        <li>item</li>
        <li>item</li>
    </ul>
</div>

Answer 1

It's actually quite simple! What you're looking for is Twig's batch filter... Ironically, the example given on that page is nearly identical to what you are requesting.

I've adapted the example to more closely match what you're looking for:

{% set myData = ['a', 'b', 'c', 'd', 'e', 'f', 'g'] %}

{% for column in myData|batch(3, 'No item') %}
    <div class="medium-3 medium-offset-2 small-centered medium-uncentered columns">
        <ul>
            {% for item in column %}
                <li>{{ item }}</li>
            {% endfor %}
        </ul>
    </div>
{% endfor %}