Grouped Rows Table
Issues table with shaded status subheader rows showing group name and count above each set of member rows.
Issues table with shaded status subheader rows showing group name and count above each set of member rows.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Grouped Rows Table is the issues list split into three status bands: In Progress with three rows, In Review with two, and Blocked with three. Each band opens with a shaded subheader carrying the status name and a pill count, then its issue rows follow with ID in monospace, a truncated title, a priority badge, an avatar and assignee name, and a relative updated time. Blocked issues such as ISS-2026-0094, Payment reconciliation missing Stripe webhook, are escalated automatically after 48 hours.
Groups are one typed array of status plus issues. The subheader row spans all six columns with a single colSpan so adding or removing columns never breaks the layout.
Reach for this block on any list that teams read by status rather than by date: issue trackers, pull request queues, project task lists, or support tickets grouped by triage state. Wire each group to a filtered query keyed by your status enum.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the engineering issues tracker. Other grouped tables:
Tip: the subheader count is the fastest way for a team lead to spot where work is stacking up without scrolling every row.