Details
count
integer
Default is - The total number of rows.To enable server side pagination for an unknown number of items, provide -1.onPageChange
func
Default is - Callback fired when the page is changed.Signature:function(event: React.MouseEvent | null, page: number) => voidevent The event source of the callback.page The page selected.page
integer
Default is - The zero-based index of the current page.rowsPerPage
integer
Default is - The number of rows per page.Set -1 to display all the rows.ActionsComponent
elementType
Default is TablePaginationActions The component used for displaying the actions. Either a string to use a HTML element or a component.backIconButtonProps
object
Default is - Props applied to the back arrow IconButton component.This prop is an alias for slotProps.actions.previousButton and will be overriden by it if both are used.Deprecated-Use slotProps.actions.previousButton instead.classes
object
Default is - Override or extend the styles applied to the component.See CSS classes API below for more details.component
elementType
Default is - The component used for the root node. Either a string to use a HTML element or a component.disabled
bool
Default is FALSE If true, the component is disabled.getItemAriaLabel
func
Default is function defaultGetAriaLabel(type) returnGo to $type page
; Accepts a function which returns a string value that provides a user-friendly name for the current page. This is important for screen reader users.For localization purposes, you can use the provided translations.Signature:function(type: string) => stringtype The link or button type to format ('first' | 'last' | 'next' | 'previous').labelDisplayedRows
func
Default is function defaultLabelDisplayedRows( from, to, count ) return$from–$to of $count !== -1 ? count :
more than $to“; Customize the displayed rows label. Invoked with a from, to, count, page object.For localization purposes, you can use the provided translations.labelRowsPerPage
node
Default is 'Rows per page:' Customize the rows per page label.For localization purposes, you can use the provided translations.nextIconButtonProps `object`
Default is - Props applied to the next arrow IconButton element.This prop is an alias for slotProps.actions.nextButton and will be overriden by it if both are used.Deprecated-Use slotProps.actions.nextButton instead.onRowsPerPageChange `func`
Default is - Callback fired when the number of rows per page is changed.Signature:function(event: React.ChangeEvent) => voidevent The event source of the callback.rowsPerPageOptions `Array<number| label: string, value: number >`
Default is 10, 25, 50, 100 Customizes the options of the rows per page select field. If less than two options are available, no select field will be displayed. Use -1 for the value with a custom label to show all the rows.SelectProps `object`
Default is Props applied to the rows per page Select element.This prop is an alias for slotProps.select and will be overriden by it if both are used.Deprecated-Use slotProps.select instead.showFirstButton `bool`
Default is FALSE If true, show the first-page button.showLastButton `bool`
Default is FALSE If true, show the last-page button.slotProps ` actions?: firstButton?: object, firstButtonIcon?: object, lastButton?: object, lastButtonIcon?: object, nextButton?: object, nextButtonIcon?: object, previousButton?: object, previousButtonIcon?: object , displayedRows?: func| object, menuItem?: func| object, root?: func| object, select?: object, selectLabel?: func| object, spacer?: func| object, toolbar?: func| object `
Default is The props used for each slot inside.slots ` actions?: firstButton?: elementType, firstButtonIcon?: elementType, lastButton?: elementType, lastButtonIcon?: elementType, nextButton?: elementType, nextButtonIcon?: elementType, previousButton?: elementType, previousButtonIcon?: elementType , displayedRows?: elementType, menuItem?: elementType, root?: elementType, select?: elementType, selectLabel?: elementType, spacer?: elementType, toolbar?: elementType `
Default is The components used for each slot inside.sx `Array<func| object| bool>| func| object`
Default is - The system prop that allows defining system overrides as well as additional CSS styles.See the `sx` page for more details.