table.getDisplayedData() returns unreliable results

App Building
1

I'm using getDisplayedData() on a table to get the number of rows that are displayed when a user changes filters on that table. Therefore I've set up the following JS query - and for each filter element on that table (such as dropdowns etc) I added an event handler that triggers the query on change:

const displayedData = await table.getDisplayedData()
return displayedData.length

However, the issue I am facing is, that even though the JS query triggers on change events, the returned number of rows does often not equal the number that is actually shown in the table (the number is not being updated - even though the query is triggered). Does anyone have an alternative approach to reliably get the number of displayed rows in the table?

2

Answering my own post, in case someone else has the same issue: adding a little delay resolves the issue (as seen here)