Data Table

A sortable, filterable, and paginated data table built from LibyUI components.

Data Table

The Data Table module provides a fully featured, accessible data table for displaying structured information. It is composed from LibyUI primitives and supports sorting, filtering, pagination, and row selection out of the box.

Key concepts

Basic Usage

const columns = [
  { key: "name",   header: "Name",  sortable: true },
  { key: "email",  header: "Email", sortable: true },
  { key: "status", header: "Status" },
];

const data = [
  { id: "1", name: "Jane Smith",  email: "jane@example.com",  status: "Active" },
  { id: "2", name: "John Doe",    email: "john@example.com",  status: "Inactive" },
];

// Pass columns and data to your DataTable component