components

Table

Display tabular data with sorting and pagination

Source Code
Loading

Installation

Usage

Imports

/components/ui/table

Code

Usage

Data Table

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.


Basic Data Table

Loading

Examples

Expand Table

Loading

Resizable Table

Loading

Draggable Table

Loading

Employee Dashboard Table

Loading