Skip to main content

Pagination with Numbers for Data Table

In this video you will learn how to implement the pagination component with numbers on Data table.

1. Enable Pagination with Numbers for Data Table

To add pagination with numbers for your Data Table go to Components in the left menu and choose the Pagination Number option. Click the Save option and then Reload your Data Table. Pagination would be applied to the selected Data Table.

DrapCode Builder Collection Constructor

2. Mention Records Per Page

To mention how many records you want to displap per page choose the Settings icon of the Data Table. In the box that appears mention the record number in the Records Per Page Key and save the setting. When you reload the display page it will display the exact number of records in every page.

DrapCode Builder Collection Constructor

3. Enable Pagination Dropdown

Now you can also add pagination dropdown in the pages. This will show a dropdown with page numbers in every page for you to easily navigate. To enable this option go to the Settings icon of the Data Table. In the box that appears tick the Show Page Dropdown option and save the setting. When you reload the display page it will display the pagination dropdown in every page.

DrapCode Builder Collection Constructor

4. Disable Pagination Dropdown

If you want you may remove the pagination dropdown in the pages. This will now show a dropdown with page numbers in every page. To add this option go to the Settings icon of the Data Table. In the box that appears deselect the Show Page Dropdown option and save the setting. When you reload the display page it will not display the pagination dropdown in every page.

DrapCode Builder Collection Constructor