Shadcn.io is not affiliated with official shadcn/ui
Tables Subtotal
Expense table with subtotals and group summaries for React dashboards built with shadcn/ui, Tailwind CSS, and Next.js
Scroll to load preview
Calculate totals on your Next.js reporting dashboard with this subtotal table component. Features automatic sum calculations, group subtotal rows, grand total footer, formatted currency values, percentage of total column, and visual separator rows. Built with shadcn/ui Table component using Tailwind CSS. Perfect for expense reports, sales summaries, budget tracking, invoice line items, or any React app requiring grouped numeric aggregations.
Related Components
Table with Grouped Rows
Group data
Table with Footer
Footer totals
Table with Currency Formatting
Format money
Table with Export Options
Export totals
Table with Quick Filters
Filter then sum
Table with Heatmap Cells
Visualize amounts
FAQ
Last updated on March 24, 2026
Was this page helpful?
Sign in to leave feedback.