GitHub

Table

Data table with headers and rows

Basic Usage

Loading...

Installation

pnpm add @corew500/ui

Usage

import { Table } from "@corew500/ui/table"

<Table>Content</Table>

Data Table

Full-featured data table with sorting, filtering, and pagination.
Loading...

CMS Integration

CMSPayload CMS Integration
This component supports CMS-driven content via @corew500/cms-payload.
Loading...

API Reference

Accessibility

Keyboard Navigation

  • - Uses semantic table, thead, tbody, th, td elements
  • TableCaption provides accessible table description
  • TableHead uses th for header cell semantics

Additional

  • Selected rows indicated via data-state="selected"

Localization

Translatable Content

  • - Pass translated strings to TableHead and TableCell content

Additional

  • TableCaption should contain localized description

Related

Related Components