ggascoigneandTanner Linsley
ead3599378
* Fix pagination resetting to page zero with manualPagination To be honest I'm not sure what this useLayoutEffect is there to do. It has no visible effect if you don't use manualPagination, and if you do it, simply jumps you back to the first page, defeating the point of you having control of the pagination. * Conditionally reset page on data change Rather disable the whole page reset when filters, groupBy or sortBy change, just because I wanted to disable the page reset on data change, make that bit be conditional. With that in mind, usePagination now accepts a disablePageResetOnDataChange parameter.
React Table
Hooks for building lightweight, fast and extendable datagrids for React
⚠️ Version 7
This documentation is for Version 7, which is under active development and currently in an alpha state.
Version 6
Looking for v6 information?
Features
- Lightweight
- Headless (Fully customizable)
- Client-side & Server-side pagination
- Multi-sort
- Filters
- Pivoting & Aggregation
- Fully controllable
- Extensible
- "Why I wrote React Table and the problems it has solved for Nozzle.io" by Tanner Linsley
Versions
- This documentation is for version 7 of react-table.
- View the Changelog
- Previous versions:
Sponsors
React Table v7 is mostly planned and I (@tannerlinsley) am looking for Patreon support to make it a reality. It will require a decent time commitment on my part to not only implement it, but also help people migrate and continue to maintain it. If you would like to contribute to my Patreon goal for v7 and beyond, visit my Patreon and help me out!.
|
|
|
|
|
|
|
|
|
Table of Contents
Installation
- Install React Table as a dependency
# Yarn
$ yarn add react-table
# NPM
$ npm install react-table
- Import the
react-tablemodule
import { useReactTable } from 'react-table'
Examples
Documentation
Documentation for v7 is coming soon. If you're looking for the v6 documentation, click here
Contributing
To suggest a feature, create an issue if it does not already exist. If you would like to help develop a suggested feature follow these steps:
- Fork this repo
- Install dependencies with
$ yarn - Auto-build files as you edit with
$ yarn run watch - Implement your changes to files in the
src/directory - Run the React Story locally with
$ yarn run docs - View changes as you edit
docs/src - Submit PR for review
Package Utilities
$ yarn run watchWatches files and builds via babel$ yarn run docsRuns the storybook server$ yarn run testRuns the test suite