Skip to content

Commit 53c145c

Browse files
committed
feat: Infinite scroll
1 parent ca4a1a7 commit 53c145c

File tree

1 file changed

+30
-0
lines changed
  • website/docs/reference/widgets/table

1 file changed

+30
-0
lines changed

website/docs/reference/widgets/table/README.md

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -151,6 +151,36 @@ For instance, you can create a Count query to retrieve the total number of recor
151151

152152
</dd>
153153

154+
#### Infinite scroll `boolean`
155+
156+
<dd>
157+
158+
When enabled, this property allows the Table widget to dynamically load more records as users scroll, creating an intuitive browsing experience for large datasets.
159+
160+
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.
161+
162+
*How It Works*:
163+
164+
- Infinite scroll dynamically updates the Table’s pagination properties and triggers data loads as users interact with the widget:
165+
166+
- The `Table.pageNo` property is automatically incremented when the user scrolls to the bottom of the visible records.
167+
168+
- The **onPageChange** event is triggered to run the linked query or API with the new pageNo.
169+
170+
- The number of records fetched per scroll is determined by `Table.pageSize`.
171+
172+
- A loading indicator appears at the bottom while new records are being fetched.
173+
174+
175+
The following Table features are automatically disabled when infinite scroll is enabled to ensure consistent server-driven data behavior:
176+
177+
- Client-side search
178+
- Client-side filtering and sorting
179+
- Inline editing
180+
- Adding new rows
181+
182+
</dd>
183+
154184
#### onPageChange
155185

156186
<dd>

0 commit comments

Comments
 (0)