DataTable API

Headless compound component for rendering tabular data with sorting, pagination, selection, and expansion support.

Explore these related pages for additional context and usage patterns.

Page	Category
Data Table	Data
createDataTable	Data
createPagination	Data
createFilter	Data
createVirtual	Data
Pagination	Semantic
Avatar	Semantic

DataTable.Root

Props

namespace

string | undefined

Namespace for dependency injection.

Default: "v0:data-table"

search

string | undefined

Default: ""

Events

update:search

[value: string]

Slots

default

DataTableRootSlotProps<T>

DataTable.Body

Props

namespace

string | undefined

Namespace for dependency injection.

Default: "v0:data-table"

Slots

default

DataTableBodySlotProps<T>

DataTable.Cell

Props

colspan

number | undefined

Number of columns this cell spans

rowspan

number | undefined

Number of rows this cell spans

Slots

default

DataTableCellSlotProps

DataTable.Column

Props

namespace

string | undefined

Namespace for dependency injection.

Default: "v0:data-table"

id

string | undefined

Column id — registers this header with the table when set

sortable

boolean | undefined

Participate in the sort pipeline

Default: false

filterable

boolean | undefined

Participate in the filter pipeline

Default: false

colspan

number | undefined

Number of columns this cell spans

rowspan

number | undefined

Number of rows this cell spans

Slots

default

DataTableColumnSlotProps

DataTable.Empty

Props

namespace

string | undefined

Namespace for dependency injection.

Default: "v0:data-table"

Slots

default

DataTableEmptySlotProps

DataTable.Header

Props

namespace

string | undefined

Namespace for dependency injection.

Default: "v0:data-table"

Slots

default

DataTableHeaderSlotProps

DataTable.Row

Props

namespace

string | undefined

Namespace for dependency injection.

Default: "v0:data-table"

id

any

Row identifier. Registers a data ticket when set with value.

value

object | undefined

Row value to register. Omit on header rows.

index

number | undefined

1-based aria-rowindex. Defaults to the row's position in sortedItems.

selectable

boolean | undefined

Emit aria-selected.

Default: false

Slots

default

DataTableRowSlotProps

DataTable.Table

Props

namespace

string | undefined

Namespace for dependency injection.

Default: "v0:data-table"

Slots

default

DataTableTableSlotProps