Skip to contentSkip to content

TablePaginationActions API

API reference docs for the React TablePaginationActions component. Learn about the props, CSS, and other APIs of this exported module.

Demos

Import

import TablePaginationActions from '@mui/material/TablePaginationActions';
// or
import { TablePaginationActions } from '@mui/material';

Learn about the difference by reading this guide on minimizing bundle size.

Props

Props of the native component are also available.

NameTypeDefaultDescription
getItemAriaLabel*func-

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) => string
  • type The link or button type to format ('first' | 'last' | 'next' | 'previous').
backIconButtonPropsobject-

This prop is an alias for slotProps.previousButton and will be overriden by it if both are used.

classesobject-

Override or extend the styles applied to the component.

See CSS classes API below for more details.

disabledboolfalse

If true, the component is disabled.

nextIconButtonPropsobject-

This prop is an alias for slotProps.nextButton and will be overriden by it if both are used.

The ref is forwarded to the root element.

Theme default props

You can use MuiTablePaginationActions to change the default props of this component with the theme.

Slots

Slot nameClass nameDefault componentDescription
firstButtonIconButtonThe component that renders the first button.
lastButtonIconButtonThe component that renders the last button.
nextButtonIconButtonThe component that renders the next button.
previousButtonIconButtonThe component that renders the previous button.
firstButtonIconFirstPageIconThe component that renders the first button icon.
lastButtonIconLastPageIconThe component that renders the last button icon.
nextButtonIconKeyboardArrowRightThe component that renders the next button icon.
previousButtonIconKeyboardArrowLeftThe component that renders the previous button icon.

Source code

If you did not find the information in this page, consider having a look at the implementation of the component for more detail.