How to update data table cells after invoking a row action that makes an API call

[brucegl]

Hi All,

I have a data table that includes a "Status" column (with Acknowledged and Unacknowledged values) and an "Acknowledge" column (with enabled and disabled Check buttons).

Assuming one cell has Status = Unacknowledged and another one with Acknowledge = enabled Check button, when I click the Check button, the row action action.svelte file makes a SvelteKit API route call that, in turn, makes an external Database call via an API. The Database table row is then updated (Acknowledged and AcknowledgedBy are set) and an OK is sent back to the row action action.svelte file. This is working up to this point, however, I don't know how to get the OK (or Acknowledged and AcknowledgedBy values) back to the cell: ... return createRender(... bit in +page.svelte or how to reactively update the specific Status and Acknowledge cells (only if the Database update is successful).

Should this be possible? I can extract and supply the bits of code if that helps.

UPDATE: I think I need universal reactivity runes (holding Status and Acknowledge values) in a shared.svelte.js file, and then import this object in my +page.svelte (for rendering values) and action.svelte (for updating values) files. (...or stores in Svelte 4).

UPDATE 2: I added a writable store (I've not switched to Svelte 5 yet!). When I now click the Acknowledge check button, after the database is updated and and OK is sent back, the Check button is correctly disabled BUT that's only because Acknowledge is set to true in the action.svelte file. I'm not yet sure how to update the store from within the action.svelte file. I first need to pass the table row index to the action.svelte file.

UPDATE 3: I didn't pass the table row index to the action.svelte file. Instead, within the action.svelte file, I did a findIndex, comparing the row object (the alarm object in my case) with the store (the alarms in my case) and returning the index, which I used to set Acknowledge in the right index of the store.

Job done! I hope this journey helps others.

Thank you,
Gary