From 53c145cdfd12ea5f29551fbc110cc0c487fef8c9 Mon Sep 17 00:00:00 2001 From: harshilp24 Date: Tue, 20 May 2025 19:02:56 +0530 Subject: [PATCH 1/2] feat: Infinite scroll --- .../docs/reference/widgets/table/README.md | 30 +++++++++++++++++++ 1 file changed, 30 insertions(+) diff --git a/website/docs/reference/widgets/table/README.md b/website/docs/reference/widgets/table/README.md index e812cf7ea4..a40a908015 100644 --- a/website/docs/reference/widgets/table/README.md +++ b/website/docs/reference/widgets/table/README.md @@ -151,6 +151,36 @@ For instance, you can create a Count query to retrieve the total number of recor +#### Infinite scroll `boolean` + +
+ +When enabled, this property allows the Table widget to dynamically load more records as users scroll, creating an intuitive browsing experience for large datasets. + +This property becomes available only when **Server-side pagination** is enabled. Make sure both the **onPageChange** and **onPageSizeChange** events are configured to fetch the correct data based on the current scroll position. + +*How It Works*: + +- Infinite scroll dynamically updates the Table’s pagination properties and triggers data loads as users interact with the widget: + +- The `Table.pageNo` property is automatically incremented when the user scrolls to the bottom of the visible records. + +- The **onPageChange** event is triggered to run the linked query or API with the new pageNo. + +- The number of records fetched per scroll is determined by `Table.pageSize`. + +- A loading indicator appears at the bottom while new records are being fetched. + + +The following Table features are automatically disabled when infinite scroll is enabled to ensure consistent server-driven data behavior: + +- Client-side search +- Client-side filtering and sorting +- Inline editing +- Adding new rows + +
+ #### onPageChange
From eec966f838b974863d03fdc525dc6239e617419b Mon Sep 17 00:00:00 2001 From: harshilp24 Date: Tue, 20 May 2025 19:06:46 +0530 Subject: [PATCH 2/2] .. --- website/docs/reference/widgets/table/README.md | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/website/docs/reference/widgets/table/README.md b/website/docs/reference/widgets/table/README.md index a40a908015..e7536b1492 100644 --- a/website/docs/reference/widgets/table/README.md +++ b/website/docs/reference/widgets/table/README.md @@ -163,9 +163,7 @@ This property becomes available only when **Server-side pagination** is enabled. - Infinite scroll dynamically updates the Table’s pagination properties and triggers data loads as users interact with the widget: -- The `Table.pageNo` property is automatically incremented when the user scrolls to the bottom of the visible records. - -- The **onPageChange** event is triggered to run the linked query or API with the new pageNo. +- The **onPageChange** event is triggered to run the linked query or API with the new `pageNo`. - The number of records fetched per scroll is determined by `Table.pageSize`.