Components

Fring Table

A reusable data table built on TanStack Table. It includes searching, sorting, pagination, loading states and more with minimal setup.

Installation

Add the package to your project.

fring add table

Fring installs the required dependencies, generates the table components and creates an example page.

Quick Example

<FringTable
  data={users}
  columns={columns}
  searchable
  pagination
/>

Features

  • ✓ Search
  • ✓ Pagination
  • ✓ Sorting
  • ✓ Sticky Header
  • ✓ Horizontal Scroll
  • ✓ Vertical Scroll
  • ✓ Loading State
  • ✓ Empty State
  • ✓ Density Options
  • ✓ Custom Cells
  • ✓ Type Safe
  • ✓ Responsive

Example Page

After installation Fring generates an example page at:

/fring/table