DataGrid

stable llms.txt

Grid component for structured data with sortable columns, row selection, custom cell rendering, and responsive columns.

Installation

bash

Customize the appearance using presets

Explore different variations and use cases

Simple data grid with header and rows

DataGrid with row selection via checkboxes

DataGrid with click-to-sort column headers

Create a vertical side rail that spans all body rows while preserving subgrid alignment

CSS subgrid layout keeps columns pixel-perfectly aligned across header and body rows
Row selection state tracked via bond — no DOM scanning required
hidden prop on Th automatically hides corresponding Td cells by DOM index
Sort direction exposed as bindable prop for controlled external state management
header prop on Tr prevents row from being registered in the selection map