saturation/ui
DocsComponentsBlocksPages

Sections

IntroductionComponentsInstallationTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNovel EditorPaginationProgressProgressive BlurRadio GroupSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography

Spreadsheet Table

Interactive spreadsheet-style table with inline editing, grouping, badges, avatars, and totals.

  1. 🚀 Space ranger

Views

Default View
Camera Department
By Location
Crew Gallery
Schedule
1Line Producer
DGAWC
12/1/25-12/7/25DONE1Week$1,100$1,1001Week$1,100$1,1001Week$1,100$1,1001Week$1,100$1,100$1,100
2Assistant Director
DGAWC
12/1/25-12/14/25IN PROGRESS2Week$850$1,7002Week$850$1,7002Week$850$1,7002Week$850$1,700$1,700
3Director of Photography
DGAWC
12/8/25-12/10/25IN PROGRESS3Day$600$1,8003Day$600$1,8003Day$600$1,8003Day$600$1,800$1,800
41st Assistant Camera
DGAWC
12/15/25-12/19/25NOT STARTED5Day$350$1,7505Day$350$1,7505Day$350$1,7505Day$350$1,750$1,750
52nd Assistant Camera
DGAWC
12/15/25-12/18/25NOT STARTED4Day$325$1,3004Day$325$1,3004Day$325$1,3004Day$325$1,300$1,300
6
7Prop Master
DGAWC
12/8/25-12/21/25DONE2Week$750$1,5002Week$750$1,5002Week$750$1,5002Week$750$1,500$1,500
8Asst Props
DGAWC
12/22/25-12/24/25NOT STARTED3Day$275$8253Day$275$8253Day$275$8253Day$275$825$825
9DITDaily, Guaranteed 8...
DGAWC
12/26/25-12/28/25IN PROGRESS3Day$500$1,5003Day$500$1,5003Day$500$1,5003Day$500$1,500$1,500
10Camera Op
DGAWC
12/22/25-12/27/25DONE6Day$425$2,5506Day$425$2,5506Day$425$2,5506Day$425$2,550$2,550
10 rows
10 rows
Grand Total: $14,025.00

Features

  • Inline editing — Click to edit cells
  • Row grouping — Organize data hierarchically
  • Computed totals — Automatic sum/average
  • Custom cell types — Badges, avatars, checkboxes
  • Keyboard navigation — Arrow keys to move

API Reference

PropTypeDefaultDescription
dataRow[]-Table data
columnsColumn[]-Column definitions
onCellEdit(rowId: string, columnId: string, value: any) => void-Cell edit callback

Components Used

tableinputbadgeavatarcheckboxbutton