Pagination#

The table has built in pagination. This is enabled by default. Several props are available to adjust the pagination.

Props#

FieldTypeDescription
options.pagingbooleanToggle pagination
options.emptyRowsWhenPagingbooleanIf a page does not contain enough data to fill all rows, should the rows be displayed
options.paginationType'normal' /'stepped'Toggle between the default mui pagination or a stepped pagination
options.paginationPosition'bottom' /'top' / 'both'Adjusts the pagination position in relation to the body
options.numberOfPagesAround1 - 10In combination with the stepped pagination adjusts the pages around current page
localizationThe textsThe text displayed on hover over the pagination elements

Usage#

import MaterialTable from "@material-table/core";
<MaterialTable
// ...
options={{ paginationType: "stepped", paginationPosition: "top" }}
/>;

Live Demo#

note

See here for more on the GLOBAL_VARS we use in our demos

Live Editor
Result