Unselecting all rows in the table fails when both "persist row selection" and "server-side pagination" are enabled

Goal

We’re rendering paginated data in a table and persisting row selection across pages. However, selecting the “unselect all" checkbox doesn’t clear the selection as expected—all rows (not just visible ones) should be unselected.

When selecting all rows, we only want to select visible ones

Steps

Configure:

  • create a REST resource with https://dummyjson.com
  • create a query to fetch paginated products GET -> /products?limit={{ productsTable.pagination.pageSize }}&skip={{ productsTable.pagination.offset }}
  • create the corresponding table
  • add the server-side pagination adds-on with: pageSize: 10; type: limit offset based; total row count : {{ products.data.total }}
  • set "Row selection" to "Multiple"
  • set "Default row" to "None"
  • check "Persist row selection"

Reproduce error

  • Click select all checkbox => all the rows are selected
  • Click the same checkbox to un-select => nothing happens.

Note: the "change row selection" event returns when selecting/unselecting all

{deselectedRows: Array(0), deselectedSourceRows: Array(0), selectedRows: Array(0), selectedSourceRows: Array(0)}

Screenshots


App json export

Untitled-1.json (47.2 KB)

Hi @lyrold,

Thanks for bringing this up! This is a bug -- I've filed this with the team and will update you here when it gets fixed.