How to have last and first page navigation in pagination ?

[krsandesh]

trafficstars

In pagination we can just navigate to next and previous.

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

[gabrielliwerant]

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

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

[rhaicode]

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.

[nickraphael]

That CodeSandbox example throws an error on startup...

[MenooaEskandarian]

 const { items } = usePagination({
    count: total,
    showLastButton: true, // add this for show go last button
    showFirstButton: true, // add this for show go first button
  });

when you are mapping items like

items.map((type) =>{
// you gonna access here type == 'first' and 'last' 
})