Material-ui: [Table] Add support for pagination

Created on 13 Aug 2017  路  7Comments  路  Source: mui-org/material-ui

Description

Usually when using a Table component I have too many records to show them all at once.
It would be really useful if the Table component already have some the pagination built-in to handle that kind of stuff.

I was thinking in something like:

<TablePagination
  recordsCount={100}
  onNextPage={() => someAction()}
  onPrevPage={() => someOtherAction()}
/>

Image and references

Material Design Specs

image

Table enhancement

Most helpful comment

Maybe just a Paginator Component independent from Table

All 7 comments

Maybe just a Paginator Component independent from Table

We also need a way for the next and previous icons to render with a native link. On benchmark I could find:

I have found another implementation with devextreme-reactive.

I thought the stepper was the pagination component? If there were to be a pagination component separate from stepper could there be events given to the component to fire the reaction? For instance hitting the bottom of the page, or scrolling left/right?

the devextreme component looks great, but it has a non-trivial licensing structure that makes it a challenge. i think it would be great to have a basic pagination component embedded in material-ui itself.

I am also looking for the pagination feature of material-ui table.

Almost done! :tada: #8254

Was this page helpful?
0 / 5 - 0 ratings

Related issues

sjstebbins picture sjstebbins  路  71Comments

illogikal picture illogikal  路  75Comments

HZooly picture HZooly  路  63Comments

tdkn picture tdkn  路  57Comments

chadobado picture chadobado  路  119Comments