Github
Getting started
Sorting
Pagination
Live pagination
e
Grouping
e
Inline edit
Filtering
Stacking columns
Context menu integration
Row selection
Cell selection
Keyboard navigation
Customizing cells/rows/headers
Cell rowspan & colspan
Locked columns
e
Row details
e
PivotGrid
e
Row resize
e
Row reorder
e
Footer
e
Locked rows
e
Master detail
e
TreeGrid
e
Performance and virtualization
Scrolling and scroll customization
Right-to-left support (RTL)
Styling and theming
Miscellaneous
API
Changelog
DataGrid - Live pagination
Getting started
Sorting
Pagination
Live pagination
e
Grouping
e
Inline edit
Filtering
Stacking columns
Context menu integration
Row selection
Cell selection
Keyboard navigation
Customizing cells/rows/headers
Cell rowspan & colspan
Locked columns
e
Row details
e
PivotGrid
e
Row resize
e
Row reorder
e
Footer
e
Locked rows
e
Master detail
e
TreeGrid
e
Performance and virtualization
Scrolling and scroll customization
Right-to-left support (RTL)
Styling and theming
Miscellaneous
API
Changelog

Live Pagination

In addition to the classic pagination with a toolbar & prev/next buttons, you can also use "live" pagination - pages are loaded as you scroll. Use livePagination=true, and you can use it together with limit to control the page size. Have a look at the source code of the next example below.
Live Pagination
Previous
Pagination
Next
Grouping
© ReactDataGrid by Inovua 2020. All rights reserved.
Terms of UsePrivacy Policy
e: contact@reactdatagrid.io
Top