Problems with table field adding/removing rows.

Question

I’ve been following the Building a multi-row table field video on CraftQuest, and Ive hit a stumbling point with adding/removing rows.

Here’s the example code that I’m using (simplified down to test)

{% set rows = currentUser.testTable %}

    <form sprig s-method="post" s-action="users/save-user">

        {{ hiddenInput('userId', currentUser.id) }}

        {% set rows = rows ?? [['','']] %}
        {% if addRow is defined %}
            {% set rows = rows|merge([['','']]) %}
        {% elseif removeRow is defined %}
            {% set rows = rows|filter((val, key) => removeRow != key) %}
        {% endif %}

        {% for key, row in rows %}

            <textarea style="width:100%;" name="fields[testTable][ {{ loop.index0 }} ][col1]">{{ row.col1 ?? '' }}</textarea>

            {% if currentUser.hasErrors('testTable') %}
                <p>{{ currentUser.getFirstError('testTable')}}</p>
            {% endif %}

            {% if rows|length > 1 %}
                <button sprig s-val:remove-row="{{ loop.index0 }}" type="button">{{ 'Delete'|t }}</button>
            {% endif %}

        {% endfor %}

        <p><button sprig s-val:add-row="1" type="button">+ Add row</button></p>

        <input class="btn" type="submit" value="save">

    </form>

This seems to work when I perform one action and save. i.e I add one row and save. Remove a row and save.

If I try removing two rows, values get populated in wrong rows. It also won’t let me add tow empty rows? Am I missing something obvious?

[shornuk]

Maybe I was misunderstanding. In the recipe I was assuming that fields.rows is the table field ?

I set it to rows as I had already set it above to the table field

{% set rows = currentUser.testTable %}

Updating it to the following…

{% set rows = fields.testTable ?? [defaultRow] %}

…has fixed it 👍

Thanks for taking a look, your help is much appreciated.

[bencroker]

My guess is that you haven’t followed the recipe exactly: https://putyourlightson.com/sprig/cookbook#multi-row-table-field

For example, one thing I notice is your rows value is incorrectly set:

Yours:
{% set rows = rows ?? [defaultRow] %}

The recipe:
{% set rows = fields.rows ?? [defaultRow] %}

If the issue persists then please start with the recipe and work up from there.