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

table-pagination

v4.5.2arrow_drop_down
v4.5.2
v3.9.2
STATUS
Passing
DOWNLOADS
404
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
2 months ago
SIZE
50 KB
A `TableCell` based component for placing inside `TableFooter` for pagination.
2 contributors
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
React Native
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';
toggle layout
chevron_left
chevron_right
tablePagination ()

A TableCell based component for placing inside TableFooter for pagination.

Properties
NameTypeDescription
ActionsComponent
elementType

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

backIconButtonProps
object

Props applied to the back arrow IconButton component.

classes
(required)
object

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

className
string
colSpan
number
component
elementType

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

count
(required)
number

The total number of rows.

labelDisplayedRows
function

Customize the displayed rows label.

labelRowsPerPage
node

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

nextIconButtonProps
object

Props applied to the next arrow IconButton element.

onChangePage
(required)
function

The event source of the callback.

onChangeRowsPerPage
function

The event source of the callback.

page
custom

The zero-based index of the current page.

rowsPerPage
(required)
number

The number of rows per page.

rowsPerPageOptions
array

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

Props applied to the rows per page Select element.

backIconButtonProps
object

Props applied to the back arrow IconButton element.

count
(required)
number

The total number of rows.

nextIconButtonProps
object

Props applied to the next arrow IconButton element.

onChangePage
(required)
function

The event source of the callback.

page
(required)
number

The zero-based index of the current page.

rowsPerPage
(required)
number

The number of rows per page.