Skip to main content
Data table with row grouping functionality. Organize related rows into collapsible groups.

​
Installation

Install the component from the Blocks registry: 
npx shadcn@latest add @blocks/table-04

​
Dependencies

This component requires the following shadcn/ui components:
  • collapsible
  • table
And the following npm packages: 
npm install lucide-react

​
Usage

import Table04 from "@/components/table-04";

export default function Page() {
  return <Table04 />;
}

​
Features

  • Row grouping - Group rows by category
  • Collapsible groups - Expand/collapse group sections
  • Group headers - Clear group identification
  • Aggregated data - Group-level summaries
  • Visual hierarchy - Clear group structure
  • Organized display - Better data organization

​
Use Cases

  • Category-based data
  • Department organization
  • Date-based grouping
  • Team-based views
  • Product categories
  • Status-based grouping

Build docs developers (and LLMs) love

Get started for freeTalk to us