Paging

 
TaskAssigned ToStart DateDue DatePriorityProgress
Simplify & Clarify Product Messaging
John Heart4/3/20184/14/2018LowIn progress
Create Action Plan to Improve Customer Engagement
Robert Reagan8/8/20174/8/2018MediumIn progress
Increase Average Subscription Price
Wally Hobbs8/9/20179/13/2017LowIn progress
Reduce Churn to Less than 1% Monthly
Arnie Schwartz2/12/20185/1/2018LowIn progress
Finalize the Content Strategy
Stu Pizaro3/10/20184/11/2018HighIn progress
Grow Subscriber Base by 5% per Week
Sandra Johnson7/24/20172/10/2018LowIn progress
Increase the CTR% to Above Industry Average 3.5%
Karen Goodson7/11/20174/15/2018LowIn progress
Close the Final Budget
Hannah Brookly6/5/20176/18/2017LowIn progress
Achieve Record Metrics in All Areas
Ed Holmes4/24/20172/3/2018LowIn progress
Begin Content Review
Victor Norris4/27/20172/25/2018MediumIn progress
Data grid with 37 rows and 6 columns
0 rows are selected
Page 1 of 4 (37 items)

The DevExpress Blazor TreeList can split data into pages and display a built-in navigation control (pager). Vertical/horizontal scrollbars also appear if content height/width exceed the component size.

In this demo, you can use toolbar items to customize pager appearance:

You can use keyboard shortcuts to navigate between pages. Focus the pager area and press the Left Arrow/Right Arrow to go to the previous/next page. To open the first/last page, focus the pager area and press Home/End.