Basic
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.