Data Table

A full data table block powered by TanStack Table - sortable columns with custom chevrons, row selection with indeterminate header state, per-row chips and actions, and a pagination footer. Rendering uses the Helios UI table primitives, so the logic and the look stay decoupled.

Total Results

48 customers

	Status
John Clarkson	Delivery failed	Sep 05, 2026	₹3,412
Aspen Lubin	Delivery failed	Mar 25, 2026	₹1,899
Michael Ekstrom	Shipped	Aug 01, 2026	₹2,752
Kianna Vaccaro	Shipped	Apr 02, 2026	₹145
Livia Saris	Delivery failed	Nov 14, 2026	₹708
Jaydon Aminoff	Delivery waiting	Jul 17, 2026	₹224
Maria Lubin	Shipped	Nov 15, 2026	₹2,959
Ann Press	Delivery waiting	Sep 20, 2026	₹2,646

Installation

Download the React source package, install its dependencies, and import the component with its shared styles.

Download React package Installation guide

'use client';
import '@helios-ui/react/styles.css';
import{NativeScope,NativeDataTableDemo}from'@helios-ui/react';
export function Example(){return <NativeScope><NativeDataTableDemo/></NativeScope>}

Advanced playground, API and recovery states ↗

Data Table

Installation

Search Helios UI

Data Table

Installation

Search Helios UI