Data Grid
Data Grid
A powerful, renderer-agnostic data grid with support for sorting, filtering, pagination, and virtualization.
Simple DataGrid
Basic 3-column grid with sortable columns displaying order data.
Paginated DataGrid
Client-side pagination with configurable page size.
Fixed Height DataGrid
DataGrid with fixed 400px height and row virtualization for performance.
Container-Filling DataGrid
DataGrid that fills 100% of its parent container's height (50% viewport height in this example).
Visual Styles
Different visual style modifiers: Default, Striped, Bordered, and Minimal.
Default Style
Striped Style
Bordered Style
Minimal Style
Density Variations
Control the spacing and size: Compact (default), Medium, and Spacious.