Skip to main content
RefineDocumentation
Version: 4.xx.xx
Source Code

TanStack Table
Check the guide
Please check the guide for more information on this topic.
Router Integrated
This value can be inferred from the route. Click to see the guide for more information.

Refine provides an integration package for TanStack Table library. This package enables you to manage your tables in a headless manner. This adapter supports all of the features of both TanStack Table and Refine's useTable hook (sorting, filtering pagination etc). Simply, you can use any of the TanStack Table examples as-is by copying and pasting them into your project.

Installation​

Install the @refinedev/react-table library.

npm i @refinedev/react-table

Usage​

Let's see how to display a table with useTable hook.

We provide implementation examples for the Mantine and Chakra UI. If you using a different ui library, you can use the headless example as a starting point.

Sandpack component is temporarily disabled for compatibility reasons.

Previous
List of Packages
Next
useTable