Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

table-pagination

v3.9.2arrow_drop_down
v3.9.2
STATUS
Passing
DOWNLOADS
375
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
6 months ago
SIZE
51 KB
subject
A `TableCell` based component for placing inside `TableFooter` for pagination.
1 contributor
Use table-pagination in your project ?
Copied
npm i @bit/mui-org.material-ui.table-pagination
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
revert changes
reload
toggle layout
maximize
modifieddraft
chevron_left
chevron_right
TablePagination ()

A TableCell based component for placing inside TableFooter for pagination.

Properties
NameTypeDefault valueDescription
ActionsComponent
customTablePaginationActions

The component used for displaying the actions. Either a string to use a DOM element or a component.

backIconButtonProps
object

Properties applied to the back arrow IconButton component.

classes
object

Override or extend the styles applied to the component. See CSS API below for more details.

colSpan
number
component
customTableCell

The component used for the root node. Either a string to use a DOM element or a component.

count
number

The total number of rows.

labelDisplayedRows
function({ from, to, count }) => `${from}-${to} of ${count}`

Customize the displayed rows label.

labelRowsPerPage
node'Rows per page:'

Customize the rows per page label. Invoked with a { from, to, count, page } object.

nextIconButtonProps
object

Properties applied to the next arrow IconButton element.

onChangePage
function

The event source of the callback

onChangeRowsPerPage
function

The event source of the callback

page
number

The zero-based index of the current page.

rowsPerPage
number

The number of rows per page.

rowsPerPageOptions
array[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.

SelectProps
object

Properties applied to the rows per page Select element.

backIconButtonProps
object

Properties applied to the back arrow IconButton element.

count
number

The total number of rows.

nextIconButtonProps
object

Properties applied to the next arrow IconButton element.

onChangePage
function

The event source of the callback

page
number

The zero-based index of the current page.

rowsPerPage
number

The number of rows per page.

theme
object