Table

Basic Usage

Tables are used to organize and display data in a structured format.

Name	Email	Status
John Doe	john@example.com	active
Jane Smith	jane@example.com	active
Bob Johnson	bob@example.com	inactive
Alice Brown	alice@example.com	active

Variants

Tables come in different variants to match your design needs.

Default

Name	Email	Status
John Doe	john@example.com	active
Jane Smith	jane@example.com	active
Bob Johnson	bob@example.com	inactive
Alice Brown	alice@example.com	active

Striped

Name	Email	Status
John Doe	john@example.com	active
Jane Smith	jane@example.com	active
Bob Johnson	bob@example.com	inactive
Alice Brown	alice@example.com	active

Bordered

Name	Email	Status
John Doe	john@example.com	active
Jane Smith	jane@example.com	active
Bob Johnson	bob@example.com	inactive
Alice Brown	alice@example.com	active

Sizes

Tables can be rendered in different sizes.

Small

Name	Email	Status
John Doe	john@example.com	active
Jane Smith	jane@example.com	active
Bob Johnson	bob@example.com	inactive
Alice Brown	alice@example.com	active

Medium (Default)

Name	Email	Status
John Doe	john@example.com	active
Jane Smith	jane@example.com	active
Bob Johnson	bob@example.com	inactive
Alice Brown	alice@example.com	active

Large

Name	Email	Status
John Doe	john@example.com	active
Jane Smith	jane@example.com	active
Bob Johnson	bob@example.com	inactive
Alice Brown	alice@example.com	active

Advanced Features

Tables support sorting, custom rendering, and row actions.

Name	Email	Status	Join Date
John Doe	john@example.com	active	1/15/2024
Jane Smith	jane@example.com	active	2/1/2024
Bob Johnson	bob@example.com	inactive	1/20/2024
Alice Brown	alice@example.com	active	2/10/2024

Loading State

Tables display a loading indicator while data is being fetched.

Empty State

Tables show a message when there is no data to display.

Name	Email	Status
No users found