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)