table-pagination

v4.9.10

v4.5.2

v3.9.2

STATUS

Passing

DOWNLOADS

701

LICENSE

MIT

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

56 KB

A `TableCell` based component for placing inside `TableFooter` for pagination.

2 contributors

Install table-pagination as a package?

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.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

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';

modifieddraft

A TableCell based component for placing inside TableFooter for pagination. Demos:

Tables

API:

TablePagination API
inherits TableCell API

A TableCell based component for placing inside TableFooter for pagination.

Properties

Name	Type	Description
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.
backIconButtonText	`string`	Text label for the back arrow icon button. For localization purposes, you can use the provided translations.
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. To enable server side pagination for an unknown number of items, provide -1.
labelDisplayedRows	`function`	Customize the displayed rows label. Invoked with a `{ from, to, count, page }` object. For localization purposes, you can use the provided translations.
labelRowsPerPage	`node`	Customize the rows per page label. For localization purposes, you can use the provided translations.
nextIconButtonProps	`object`	Props applied to the next arrow `IconButton` element.
nextIconButtonText	`string`	Text label for the next arrow icon button. For localization purposes, you can use the provided translations.
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.