Lesson 3 of 11
Pagination
Enable pagination for large inline input grids to improve initial loading and copy-and-paste performance while preserving selections across pages.
2 min readPagination divides an inline input grid into smaller pages instead of rendering every row at once. This can improve the initial experience for applications that load large grids and can make bulk copy-and-paste operations easier for the browser to process.
Enable pagination
- Open the application in the Designer.
- Select the inline input grid.
- Open its properties and enable Pagination.
- Preview the application and confirm that the page controls appear below the grid.
Pagination affects only how rows are displayed. Moving between pages does not remove rows from the grid or create separate data sets.
Choose the runtime page size
At runtime, users can choose how many rows to display per page. The available page-size options are 10, 25, 50, and 100 rows. A smaller page is quicker to scan and can reduce rendering work, while a larger page is useful when users need to review or paste more records at once.
Test the grid with the amount of data expected in production. Pay particular attention to initial loading, moving between pages, action buttons, validation messages, and pasting multiple rows from Excel.
Select rows across pages
Selections are preserved while users navigate between grid pages. Standard keyboard selection behavior still applies: users can hold Shift to extend a range or Ctrl to add individual rows to the current selection.
Because selected rows can span multiple pages, make the scope of any bulk action clear in the interface. Before publishing, verify that actions such as delete, update, or process operate on the intended selection even when some selected rows are not on the currently visible page.