react-infinite-pagination

A React component to render a infinite pagination(without total page) just like google

By installing this component and using my example.css you can obtain this:

Installation

yarn add react-infinite-pagination

Usage(Hooks only)

Example: https://codesandbox.io/s/react-infinite-pagination-example-rx32s

import {Pagination} from 'react-infinite-pagination';
import 'react-infinite-pagination/lib/example.css';

const Datatable = () => {
  return <Pagination current={6} />;
};

Options

| Name | Type | Description | | ---------------- | --------------------------------- | --------------------------------------------------------------------------------- | | pageInVisible | Number | The number of pages to display. Default: 10 | | current | Number | The current page selected. Default: 1 | | lastPage | Number | The total number of pages. If undefined the pagination will infinite | | hideOnSinglePage | Boolean | Whether to hide pager on single page | | wrapClassName | String | The class name of the container of the pagination. Default: infinite-pagination | | itemClassName | String | The class name of the page item. Default: infinite-pagination-item | | onChange | Function(current: number) => void | The callback executed when the page number is changed | | renderPageItem | Component<{current: number}> | The component to render the page item | | renderPrev | Component<{current: number}> | The component to render the previous button | | renderNext | Component<{current: number}> | The component to render the next button |

License

MIT