components

Table

Display tabular data with sorting and pagination

We are using TanStack Table as the core logic layer and pair it with our Table component for the UI. This approach preserves flexibility while maintaining a consistent look and feel. The examples below showcase different ways to build data tables using TanStack Table. Some examples also integrate dnd-kit to enable draggable and re-orderable rows or columns.

Note

TanStack Table is a required dependency for all implementations. dnd-kit is only needed for examples that include drag-and-drop functionality.

Table

Installation

Usage

Imports

Code

Data Table

Basic Data Table

Examples

Expand Table

Resizable Table

Draggable Table

Employee Dashboard Table