Why do you need to click outside of the cell in a Retool table for the changesetArray to update?

💬 App Building
1

  • Goal: Save cell content in a table without need to click outside of the table to save it.

  • Steps: Hi everyone,

I'm working on a table with editable cells, and it works almost correctly, but I found a small inconvenience.

  • Details: The issue occurs when I edit a cell and immediately go to the save button, which executes a custom upsert query:

{{ pedidos.changesetArray.map(p => (
{
order_id: p.id,
code: p.factura,
import: p.importe_factura
}
)) }}
It doesn't work because the changeset doesn't seem to update its state until I click somewhere else inside the table. Is there a way to make the table update its state without having to click outside of the table?Why do you need to click outside of the cell in a Retool table for the changesetArray to update?

  • Screenshots:
    image

1 Like
2

Not sure if it's related, but connecting it to this bug in case they are In table component Save/Cancel popup not shown after updating editable cell - #4 by Paulo

1 Like
3

Hi @nestor_martinez, I added your feedback to the internal bug report. Unfortunately, I haven't been able to find a workaround for this besides training end-users to press 'tab' or 'enter' after updating a cell.

1 Like
4

Hi, I click outside of the table to change changesetArray, it's workaround that I'm using right now

1 Like
5

Hi, I can confirm this is still a problem. It is especially unintuitive for cells with a Date - you click on the desired date, but it isn't "applied" until you click out of the cell itself (or Tab out of it). So even if it feels like you've confirmed your selection it is still not applied.

6

Hi @zbyju, welcome to the forum! :wave:
Thank you for your feedback, I added it to the internal report.

7

Here is a workaround from @ScottR:

We'll temporarily mark this as a solution so others can easily find it until this bug is fixed.