Skip to content
gauchocodeUI GALLERY
LIBRARY
All blocks58Data display15Navigation & shell14Forms & actions7Planning12Feedback & overlays4AI & automation4Apps & admin2
RESOURCES
CommunityTeam library
GC
GauchoCodeEngineering & design
v0.1
WorkspaceUI Gallery
CommunityTeam library
BlocksData displayGrouped subtable

Grouped subtable

Adapted

Room for detail. Expanding a group opens a nested table with its own header and pagination.

GroupingNested tablePagination
React · CSS
Origin & adaptation notes

Combines the ReUI sub-table demo (an expandable row revealing a nested table) with the TukiGrowth GroupedDataGrid: each subtable keeps its own column header and pagination so a busy group never stretches the outer rows. Posts are synthetic.

Curated adaptation. Synthetic data only. No production APIs.

PreviousGrouped rowsNextGroup by column
Built with intention. Shared with the team.GauchoCode UI Gallery ✳