Causing a specific table to refresh

Hey @tomm! I've had to find a similar solution to overcome the same issue you are facing now.

What I ended up doing was placing each table inside of it's own view in a tabbed container. If you have that, it's fairly easy to scope which table is being updated via a very small js query that you pass as an event handler on success of whatever query you are using to update the data within your tables.

Create a small js query called 'refreshTable' that looks like this (make sure to change table names to the actual names of your tables if not 'table1', 'table2', 'table3', etc.):

// The following tableMap object is set up so that table1 should be in your first tabbled container view, table2 in your second tabbed container view, and so on...
const tableMap = {
  1: table1,
  2: table2,
  3: table3,
  4: table4,
  5: table5,
};

const viewIndex = tabbledContainer1.currentViewIndex + 1;

const table = tableMap[viewIndex];

if (table) table.refresh();

Now plug in your js query as an event handler that triggers on success from your update query like so:

That's it. After setting that up you should be good and donezo! :magic_wand:
Hope this helps! :fist_right::boom::fist_left:

1 Like