Table

Table are used to organize and display structured data in rows and columns, making complex information easier to scan, compare and analyze.

Header cells

Table Header

Row cells

Insert TitleInsert description

Completed

40%

BadgeBadge+2

Sample table

Invoice name

Billing date

Plan

Invoice_Feb_2026

Feb 26, 2026

Core

Invoice_Jan_2026

Jan 31, 2026

Core

Invoice_Dec_2025

Dec 23, 2025

Core

Invoice_Nov_2025

Nov 30, 2025

Core

Invoice_Oct_2025

Oct 26, 2025

Core

API References

PropTypeDefault

columns

TableColumn<T>[]

—

rows / rowKey

T[](row: T) => string

—

size

"sm""lg"

"sm"

selectable

boolean

false

selectedKeys / onSelectedKeysChange

string[](keys: string[]) => void

—

sortColumn / sortDirection / onSortChange

string"asc" | "desc" | null(key: string) => void

—

aria-label

string

—

className

string

" "