Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
Data displayReact Native

Data table

Controlled sorting and selection retain hidden IDs and respect disabled rows.

Public APILumenDataTableReact Native

Native example

Use Data table

Controlled sorting and selection retain hidden IDs and respect disabled rows. Hosts own application state and business actions.

View captured React Native example
Data table rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenDataTable label="Packages" columns={columns} rows={rows} sort={sort} onSortChange={setSort} selectedIds={selectedIds} onSelectionChange={setSelectedIds} />

Reference

Public API

The primary shared and platform-specific options exposed by LumenDataTable.

APIValues or typeDefaultDescription
host content and stateAdapter-specific public contractRequiredKeeps application data and behavior in the host.

Native behavior

Design and accessibility

When to use it

Controlled sorting and selection retain hidden IDs and respect disabled rows. Hosts own application state and business actions.

Accessibility

Controlled sorting and selection retain hidden IDs and respect disabled rows.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives