Multi-level DataGrid tree mode for a bill of materials: recursive subRows at arbitrary depth, DataGridTableRowExpand depth indentation, quantity multiplied down the tree, cost and lead time rolled up, supply risk badges, a depth level control and a grand-total footer.
Files · 4
Dependencies
npm packages
@tanstack/react-table
sonner
Registry items
@reui/badge
@reui/data-grid
@reui/frame
@reui/icon-tile
@reui/badge
button
@reui/data-grid
@reui/data-grid-column-header
@reui/data-grid-scroll-area
@reui/data-grid-table
dropdown-menu
field
@reui/frame
@reui/icon-tile
input-group
popover
select
switch
toggle-group
Registry Items
data-grid-grouping-4
Configuration
Name
data-grid-grouping-4
Type
Block
Description
Multi-level DataGrid tree mode for a bill of materials: recursive subRows at arbitrary depth, DataGridTableRowExpand depth indentation, quantity multiplied down the tree, cost and lead time rolled up, supply risk badges, a depth level control and a grand-total footer.