Mui-datatables: How to have last and first page navigation in pagination ?

Created on 19 Sep 2019  路  3Comments  路  Source: gregnb/mui-datatables

In pagination we can just navigate to next and previous.

How to navigate directly to first page or last page ?
Something as shown below

image

question

Most helpful comment

On your customFooter , provide a custom component that has a TablePagination component and supply its ActionsComponent prop

CodeSandbox example: https://codesandbox.io/s/dztrr

You can copy the TableFooter component and its children as your base example.

All 3 comments

In order to create your own custom pagination, you will need to use the customFooter option:

image

You can look at the customize-footer example for more information.

On your customFooter , provide a custom component that has a TablePagination component and supply its ActionsComponent prop

CodeSandbox example: https://codesandbox.io/s/dztrr

You can copy the TableFooter component and its children as your base example.

That CodeSandbox example throws an error on startup...

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Andy1408 picture Andy1408  路  4Comments

alexanderwhatley picture alexanderwhatley  路  4Comments

Aankhen picture Aankhen  路  3Comments

ronaiza-cardoso picture ronaiza-cardoso  路  3Comments

cahna picture cahna  路  3Comments