Block

Expandable Table

Expandable rows with invoice details

Installation

npx shadcn add @mylo-ui/table-expandable

Invoice	Customer	Amount	Status	Date
INV-001	Acme Corporation [EMAIL_REDACTED]	$12500.00	Paid	2024-01-15
INV-002	TechStart Inc [EMAIL_REDACTED]	$4800.00	Pending	2024-01-14
INV-003	Global Solutions Ltd [EMAIL_REDACTED]	$8750.00	Overdue	2023-12-20
INV-004	Innovate LLC [EMAIL_REDACTED]	$3200.00	Paid	2024-01-10

import { TableExpandable } from "@/components/blocks/table-expandable"

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

lucide-react

table

button

More table blocks you might like

Clean, minimal table with basic data display

Alternating row colors with status badges

Grid-style table with visible borders