DataTable Component

Powerful data table with sorting, pagination, selection, and actions

📚 See docs/DATA_TABLE_DOCUMENTATION.md for full documentation

Full-Featured DataTable

Complete data table with selection checkboxes, actions dropdown, sorting, and pagination. Note: Email and Status columns are not sortable.

Team Members

Email
Status
Actions
John Doejohn.doe@example.comAdminEngineeringActive$95,000Jan 15, 2023
Jane Smithjane.smith@example.comDeveloperEngineeringActive$85,000Mar 22, 2023
Bob Johnsonbob.johnson@example.comDesignerDesignInactive$75,000Nov 8, 2022
Alice Brownalice.brown@example.comManagerProductActive$110,000Jun 30, 2021
Charlie Wilsoncharlie.wilson@example.comDeveloperEngineeringPending$80,000Jan 10, 2024
Rows per page:
1-5 of 8
Page 1 of 2

Minimal Table

A simple table without header, pagination, selection, or actions.

Name
Email
Role
Department
John Doejohn.doe@example.comAdminEngineering
Jane Smithjane.smith@example.comDeveloperEngineering
Bob Johnsonbob.johnson@example.comDesignerDesign

Single Selection Mode

Radio-button style selection where only one row can be selected at a time.

Email
Status
John Doejohn.doe@example.comAdminEngineeringActive
Jane Smithjane.smith@example.comDeveloperEngineeringActive
Bob Johnsonbob.johnson@example.comDesignerDesignInactive
Alice Brownalice.brown@example.comManagerProductActive

Empty State Variants

Beautiful empty states with different variants and customizable content.

Default

No items found

Your collection is empty.

Search

No results

Try adjusting your search terms.

Folder

No files

Upload your first file to get started.

File

No documents

Create a new document to begin.

Database

No records

Add data to your database.

With Action

No projects

Create your first project.

Error State Variants

Elegant error states with retry functionality and color-coded variants.

Default

Something went wrong

Please try again later.

Critical

Critical error

Unable to process your request.

Network

Connection lost

Check your internet connection.

Server

Server error

The server is temporarily unavailable.

Permission

Access denied

You don't have permission to view this.

Custom Action

Offline mode

Some features are unavailable.