Components/DataTable

DataTable

Sortable data table with column config, loading, and empty states.

Installation

Examples

Basic table

Row data with column definitions and search.

NameRoleStatus
Alex JohnsonAdminActive
Sarah KimEditorActive
Marcus WebbViewerInactive

Loading state

Shows skeleton rows while data is fetching.

API Reference

PropTypeDefaultDescription
data*T[]requiredArray of row data.
columns*ColumnDef<T>[]requiredColumn configuration array.
loadingbooleanfalseShows skeleton rows while fetching.
stripedbooleanfalseAlternating row background colors.
onRowClick(row: T) => voidCalled when a row is clicked.