FORMS & TABLES · DATATABLES

Row grouping

120 studio tasks grouped by project, person, status or due date — two levels, sticky headers, subtotals, collapse, drag between groups and keyboard treegrid.

THEME

Playground

Group by, second level, header style, totals, order, start state

Live120 tasks in 8 groups

120 tasks in 8 groups


Atelier brand book15 tasksHOURS121 hBUDGET$11,49513%
Icon setTSK-103 · Atelier brand book	Alex Reyes	In progress	28 Octin 10 days	14 h	$1,330
Logo explorationTSK-114 · Atelier brand book	Noah Fischer	In review	14 Oct4 days late	3 h	$285
Packaging dielinesTSK-117 · Atelier brand book	Mia Hart	To do	16 Novin 29 days	14 h	$1,330
Landing pageTSK-128 · Atelier brand book	Alex Reyes	In progress	—No date	3 h	$285
Icon setTSK-139 · Atelier brand book	Noah Fischer	Done	19 OctDone	6 h	$570
Lookbook layoutTSK-142 · Atelier brand book	Mia Hart	In progress	7 Oct11 days late	3 h	$285
Packaging dielinesTSK-153 · Atelier brand book	Alex Reyes	In progress	7 Novin 20 days	6 h	$570
Landing pageTSK-164 · Atelier brand book	Noah Fischer	In review	—No date	9 h	$855
Client presentationTSK-167 · Atelier brand book	Mia Hart	To do	12 Oct6 days late	6 h	$570
Lookbook layoutTSK-178 · Atelier brand book	Alex Reyes	In progress	12 Novin 25 days	9 h	$855
Colour paletteTSK-181 · Atelier brand book	Olivia Lane	To do	31 Octin 13 days	6 h	$570
RetouchingTSK-192 · Atelier brand book	Mia Hart	In progress	17 Oct1 day late	9 h	$855
Client presentationTSK-203 · Atelier brand book	Alex Reyes	In progress	17 Novin 30 days	12 h	$1,140
Motion studyTSK-206 · Atelier brand book	Olivia Lane	Done	5 NovDone	9 h	$855
Colour paletteTSK-217 · Atelier brand book	Mia Hart	To do	22 Octin 4 days	12 h	$1,140
Halo signage15 tasksHOURS117 hBUDGET$11,11540%
Juniper hotel identity15 tasksHOURS134 hBUDGET$12,73020%
Kiln product shoot15 tasksHOURS160 hBUDGET$15,20033%
Lume rebrand15 tasksHOURS133 hBUDGET$12,63527%
Nova spring campaign15 tasksHOURS130 hBUDGET$12,35047%
Orbit app onboarding15 tasksHOURS143 hBUDGET$13,58540%
Sable lookbook15 tasksHOURS100 hBUDGET$9,50020%

Settingsdefaults

PRESETS

Grouping

Group byWhich column makes the buckets

Then byMax two levels

Look

HeaderStays under the column header while scrolling

Density

Totals & order

TotalsCount, hours, budget, % done

Order

Start

Screen reader

GROUP“Atelier brand book, row, level 1, 15 tasks, expanded”

ROW“Icon set, Alex Reyes, In progress, level 2”

TOTAL“Subtotal Atelier brand book, 121 h, $11,495, 13% done”

LIVE“120 tasks in 8 groups”

TasksTable.tsx

1<DataTable

2 caption="Studio tasks" data={tasks}

3 groupBy={["project"]}

4 groupHeader="sticky"

5 totals={{ position: "header", sum: ["hours", "budget"] }}

6 groupOrder="alpha"

7 defaultExpanded="first"

8 rememberCollapsed

9/>

Event log

Expand, collapse or regroup — events appear here.

Variants

Collapse, drag, select, totals, empty, sort

Collapse & summarycollapsed groups keep a one-line summary

120 tasks in 8 groups


Atelier brand book15 tasks15 tasks · 121 h · 13% done
Halo signage15 tasks15 tasks · 117 h · 40% done
Juniper hotel identity15 tasks15 tasks · 134 h · 20% done
Kiln product shoot15 tasks15 tasks · 160 h · 33% done
Lume rebrand15 tasks15 tasks · 133 h · 27% done
Nova spring campaign15 tasks15 tasks · 130 h · 47% done
Orbit app onboarding15 tasks15 tasks · 143 h · 40% done
Sable lookbook15 tasks15 tasks · 100 h · 20% done

Drag between groupsdrop on a header or row to change status · or use the Move menu

20 tasks in 4 groups

Task	Assignee	Status	Due
To do8 tasks
MoodboardTSK-101 · Lume rebrand	Olivia Lane	To do	—No date
Photo shoot planTSK-107 · Halo signage	Mia Hart	To do	27 Octin 9 days
Client presentationTSK-131 · Nova spring campaign	Olivia Lane	To do	21 Octin 3 days
MoodboardTSK-137 · Lume rebrand	Mia Hart	To do	—No date
Photo shoot planTSK-161 · Kiln product shoot	Olivia Lane	To do	5 Novin 18 days
Client presentationTSK-167 · Atelier brand book	Mia Hart	To do	12 Oct6 days late
MoodboardTSK-191 · Juniper hotel identity	Olivia Lane	To do	—No date
Photo shoot planTSK-197 · Orbit app onboarding	Mia Hart	To do	27 Octin 9 days
In progress4 tasks
Client presentationTSK-113 · Juniper hotel identity	Alex Reyes	In progress	17 Novin 30 days
Photo shoot planTSK-143 · Sable lookbook	Alex Reyes	In progress	18 OctToday
MoodboardTSK-173 · Nova spring campaign	Alex Reyes	In progress	—No date
Client presentationTSK-203 · Atelier brand book	Alex Reyes	In progress	17 Novin 30 days
In review0 tasks
No tasks in In review — drag one here
Done8 tasks
MoodboardTSK-119 · Orbit app onboarding	Noah Fischer	Done	—No date
Photo shoot planTSK-125 · Kiln product shoot	Jon Reyes	Done	14 NovDone
Client presentationTSK-149 · Halo signage	Noah Fischer	Done	8 NovDone
MoodboardTSK-155 · Orbit app onboarding	Jon Reyes	Done	—No date
Photo shoot planTSK-179 · Sable lookbook	Noah Fischer	Done	9 OctDone
Client presentationTSK-185 · Halo signage	Jon Reyes	Done	30 OctDone
MoodboardTSK-209 · Nova spring campaign	Noah Fischer	Done	—No date
Photo shoot planTSK-215 · Lume rebrand	Jon Reyes	Done	14 NovDone

Select a whole groupheader checkbox · indeterminate when partial

30 tasks in 5 groups


Alex Reyes6 tasksHOURS46 hBUDGET$4,3700%
	Client presentationTSK-113 · Juniper hotel identity	Alex Reyes	In progress	17 Novin 30 days	4 h	$380
	Social templatesTSK-133 · Orbit app onboarding	Alex Reyes	In progress	12 Novin 25 days	12 h	$1,140
	Packaging dielinesTSK-153 · Atelier brand book	Alex Reyes	In progress	7 Novin 20 days	6 h	$570
	MoodboardTSK-173 · Nova spring campaign	Alex Reyes	In progress	—No date	14 h	$1,330
	Icon setTSK-193 · Sable lookbook	Alex Reyes	In progress	28 Octin 10 days	8 h	$760
	Onboarding screensTSK-213 · Halo signage	Alex Reyes	In progress	23 Octin 5 days	2 h	$190
Jon Reyes6 tasksHOURS52 hBUDGET$4,940100%
	Onboarding screensTSK-105 · Orbit app onboarding	Jon Reyes	Done	19 NovDone	12 h	$1,140
	Photo shoot planTSK-125 · Kiln product shoot	Jon Reyes	Done	14 NovDone	6 h	$570
	Colour paletteTSK-145 · Nova spring campaign	Jon Reyes	Done	9 NovDone	14 h	$1,330
	Signage mockupsTSK-165 · Lume rebrand	Jon Reyes	Done	4 NovDone	8 h	$760
	Client presentationTSK-185 · Halo signage	Jon Reyes	Done	30 OctDone	2 h	$190
	Social templatesTSK-205 · Juniper hotel identity	Jon Reyes	Done	25 OctDone	10 h	$950
Mia Hart6 tasksHOURS50 hBUDGET$4,7500%
	Packaging dielinesTSK-117 · Atelier brand book	Mia Hart	To do	16 Novin 29 days	14 h	$1,330
	MoodboardTSK-137 · Lume rebrand	Mia Hart	To do	—No date	8 h	$760
	Icon setTSK-157 · Sable lookbook	Mia Hart	To do	6 Novin 19 days	2 h	$190
	Onboarding screensTSK-177 · Juniper hotel identity	Mia Hart	To do	1 Novin 14 days	10 h	$950
	Photo shoot planTSK-197 · Orbit app onboarding	Mia Hart	To do	27 Octin 9 days	4 h	$380
	Colour paletteTSK-217 · Atelier brand book	Mia Hart	To do	22 Octin 4 days	12 h	$1,140
Noah Fischer6 tasksHOURS42 hBUDGET$3,990100%
	Colour paletteTSK-109 · Nova spring campaign	Noah Fischer	Done	18 NovDone	8 h	$760
	Signage mockupsTSK-129 · Sable lookbook	Noah Fischer	Done	13 NovDone	2 h	$190
	Client presentationTSK-149 · Halo signage	Noah Fischer	Done	8 NovDone	10 h	$950
	Social templatesTSK-169 · Orbit app onboarding	Noah Fischer	Done	3 NovDone	4 h	$380
	Packaging dielinesTSK-189 · Kiln product shoot	Noah Fischer	Done	29 OctDone	12 h	$1,140
	MoodboardTSK-209 · Nova spring campaign	Noah Fischer	Done	—No date	6 h	$570
Olivia Lane6 tasksHOURS48 hBUDGET$4,5600%
	MoodboardTSK-101 · Lume rebrand	Olivia Lane	To do	—No date	2 h	$190
	Icon setTSK-121 · Halo signage	Olivia Lane	To do	15 Novin 28 days	10 h	$950
	Onboarding screensTSK-141 · Juniper hotel identity	Olivia Lane	To do	10 Novin 23 days	4 h	$380
	Photo shoot planTSK-161 · Kiln product shoot	Olivia Lane	To do	5 Novin 18 days	12 h	$1,140
	Colour paletteTSK-181 · Atelier brand book	Olivia Lane	To do	31 Octin 13 days	6 h	$570
	Signage mockupsTSK-201 · Lume rebrand	Olivia Lane	To do	26 Octin 8 days	14 h	$1,330

Subtotals & grand totalgroup footer + sticky tfoot

40 tasks in 8 groups


Atelier brand book5 tasks
Landing pageTSK-128 · Atelier brand book	Alex Reyes	In progress	—No date	3 h	$285
Landing pageTSK-164 · Atelier brand book	Noah Fischer	In review	—No date	9 h	$855
Client presentationTSK-167 · Atelier brand book	Mia Hart	To do	12 Oct6 days late	6 h	$570
Client presentationTSK-203 · Atelier brand book	Alex Reyes	In progress	17 Novin 30 days	12 h	$1,140
Motion studyTSK-206 · Atelier brand book	Olivia Lane	Done	5 NovDone	9 h	$855
Subtotal · Atelier brand book				39 h	$3,705
Halo signage5 tasks
Photo shoot planTSK-107 · Halo signage	Mia Hart	To do	27 Octin 9 days	10 h	$950
Landing pageTSK-110 · Halo signage	Jon Reyes	In review	—No date	7 h	$665
Landing pageTSK-146 · Halo signage	Olivia Lane	Done	—No date	13 h	$1,235
Client presentationTSK-149 · Halo signage	Noah Fischer	Done	8 NovDone	10 h	$950
Client presentationTSK-185 · Halo signage	Jon Reyes	Done	30 OctDone	2 h	$190
Subtotal · Halo signage				42 h	$3,990
Juniper hotel identity4 tasks
Client presentationTSK-113 · Juniper hotel identity	Alex Reyes	In progress	17 Novin 30 days	4 h	$380
Motion studyTSK-152 · Juniper hotel identity	Mia Hart	In progress	27 Octin 9 days	7 h	$665
Motion studyTSK-188 · Juniper hotel identity	Alex Reyes	In progress	18 OctToday	13 h	$1,235
MoodboardTSK-191 · Juniper hotel identity	Olivia Lane	To do	—No date	10 h	$950
Subtotal · Juniper hotel identity				34 h	$3,230
Kiln product shoot4 tasks
Type pairingTSK-122 · Kiln product shoot	Mia Hart	In progress	12 Oct6 days late	9 h	$855
Photo shoot planTSK-125 · Kiln product shoot	Jon Reyes	Done	14 NovDone	6 h	$570
Photo shoot planTSK-161 · Kiln product shoot	Olivia Lane	To do	5 Novin 18 days	12 h	$1,140
Landing pageTSK-200 · Kiln product shoot	Jon Reyes	In review	—No date	15 h	$1,425
Subtotal · Kiln product shoot				42 h	$3,990
Lume rebrand5 tasks
MoodboardTSK-101 · Lume rebrand	Olivia Lane	To do	—No date	2 h	$190
MoodboardTSK-137 · Lume rebrand	Mia Hart	To do	—No date	8 h	$760
Type pairingTSK-176 · Lume rebrand	Olivia Lane	Done	21 OctDone	11 h	$1,045
Type pairingTSK-212 · Lume rebrand	Mia Hart	In progress	12 Oct6 days late	3 h	$285
Photo shoot planTSK-215 · Lume rebrand	Jon Reyes	Done	14 NovDone	14 h	$1,330
Subtotal · Lume rebrand				38 h	$3,610
Nova spring campaign5 tasks
Client presentationTSK-131 · Nova spring campaign	Olivia Lane	To do	21 Octin 3 days	14 h	$1,330
Motion studyTSK-134 · Nova spring campaign	Noah Fischer	In review	9 Oct9 days late	11 h	$1,045
Motion studyTSK-170 · Nova spring campaign	Jon Reyes	In review	14 Novin 27 days	3 h	$285
MoodboardTSK-173 · Nova spring campaign	Alex Reyes	In progress	—No date	14 h	$1,330
MoodboardTSK-209 · Nova spring campaign	Noah Fischer	Done	—No date	6 h	$570
Subtotal · Nova spring campaign				48 h	$4,560
Orbit app onboarding6 tasks
Motion studyTSK-116 · Orbit app onboarding	Olivia Lane	Done	5 NovDone	15 h	$1,425
MoodboardTSK-119 · Orbit app onboarding	Noah Fischer	Done	—No date	12 h	$1,140
MoodboardTSK-155 · Orbit app onboarding	Jon Reyes	Done	—No date	4 h	$380
Type pairingTSK-158 · Orbit app onboarding	Alex Reyes	In progress	17 Novin 30 days	15 h	$1,425
Type pairingTSK-194 · Orbit app onboarding	Noah Fischer	In review	8 Novin 21 days	7 h	$665
Photo shoot planTSK-197 · Orbit app onboarding	Mia Hart	To do	27 Octin 9 days	4 h	$380
Subtotal · Orbit app onboarding				57 h	$5,415
Sable lookbook6 tasks
Type pairingTSK-104 · Sable lookbook	Noah Fischer	In review	8 Novin 21 days	13 h	$1,235
Type pairingTSK-140 · Sable lookbook	Jon Reyes	In review	30 Octin 12 days	5 h	$475
Photo shoot planTSK-143 · Sable lookbook	Alex Reyes	In progress	18 OctToday	2 h	$190
Photo shoot planTSK-179 · Sable lookbook	Noah Fischer	Done	9 OctDone	8 h	$760
Landing pageTSK-182 · Sable lookbook	Mia Hart	In progress	—No date	5 h	$475
Landing pageTSK-218 · Sable lookbook	Alex Reyes	In progress	—No date	11 h	$1,045
Subtotal · Sable lookbook				44 h	$4,180
Total · 40 tasks				344 h	$32,680

Empty groupkeep the group, invite the next action

24 tasks in 4 groups


To do12 tasksHOURS92 hBUDGET$8,7400%
MoodboardTSK-101 · Lume rebrand	Olivia Lane	To do	—No date	2 h	$190
Signage mockupsTSK-111 · Kiln product shoot	Olivia Lane	To do	26 Octin 8 days	6 h	$570
Icon setTSK-121 · Halo signage	Olivia Lane	To do	15 Novin 28 days	10 h	$950
Client presentationTSK-131 · Nova spring campaign	Olivia Lane	To do	21 Octin 3 days	14 h	$1,330
Onboarding screensTSK-141 · Juniper hotel identity	Olivia Lane	To do	10 Novin 23 days	4 h	$380
Social templatesTSK-151 · Lume rebrand	Olivia Lane	To do	16 Oct2 days late	8 h	$760
Photo shoot planTSK-161 · Kiln product shoot	Olivia Lane	To do	5 Novin 18 days	12 h	$1,140
Packaging dielinesTSK-171 · Halo signage	Olivia Lane	To do	11 Oct7 days late	2 h	$190
Colour paletteTSK-181 · Atelier brand book	Olivia Lane	To do	31 Octin 13 days	6 h	$570
MoodboardTSK-191 · Juniper hotel identity	Olivia Lane	To do	—No date	10 h	$950
Signage mockupsTSK-201 · Lume rebrand	Olivia Lane	To do	26 Octin 8 days	14 h	$1,330
Icon setTSK-211 · Kiln product shoot	Olivia Lane	To do	15 Novin 28 days	4 h	$380
In progress0 tasksHOURS0 hBUDGET$00%
No tasks in In progress
In review0 tasksHOURS0 hBUDGET$00%
No tasks in In review
Done12 tasksHOURS116 hBUDGET$11,020100%
Lookbook layoutTSK-106 · Nova spring campaign	Olivia Lane	Done	16 OctDone	11 h	$1,045
Motion studyTSK-116 · Orbit app onboarding	Olivia Lane	Done	5 NovDone	15 h	$1,425
Brand guidelinesTSK-126 · Lume rebrand	Olivia Lane	Done	11 OctDone	5 h	$475
Copy reviewTSK-136 · Kiln product shoot	Olivia Lane	Done	31 OctDone	9 h	$855
Landing pageTSK-146 · Halo signage	Olivia Lane	Done	—No date	13 h	$1,235
RetouchingTSK-156 · Nova spring campaign	Olivia Lane	Done	26 OctDone	3 h	$285
Print proofsTSK-166 · Juniper hotel identity	Olivia Lane	Done	15 NovDone	7 h	$665
Type pairingTSK-176 · Lume rebrand	Olivia Lane	Done	21 OctDone	11 h	$1,045
Logo explorationTSK-186 · Kiln product shoot	Olivia Lane	Done	10 NovDone	15 h	$1,425
Lookbook layoutTSK-196 · Halo signage	Olivia Lane	Done	16 OctDone	5 h	$475
Motion studyTSK-206 · Atelier brand book	Olivia Lane	Done	5 NovDone	9 h	$855
Brand guidelinesTSK-216 · Juniper hotel identity	Olivia Lane	Done	11 OctDone	13 h	$1,235

Sort inside groupsgroups stay put, rows reorder

24 tasks in 1 groups


Mia Hart24 tasks
RetouchingTSK-102 · Juniper hotel identity	Mia Hart	In progress	17 Oct1 day late	15 h	$1,425
Photo shoot planTSK-107 · Halo signage	Mia Hart	To do	27 Octin 9 days	10 h	$950
Print proofsTSK-112 · Lume rebrand	Mia Hart	In progress	6 Novin 19 days	5 h	$475
Packaging dielinesTSK-117 · Atelier brand book	Mia Hart	To do	16 Novin 29 days	14 h	$1,330
Type pairingTSK-122 · Kiln product shoot	Mia Hart	In progress	12 Oct6 days late	9 h	$855
Colour paletteTSK-127 · Juniper hotel identity	Mia Hart	To do	22 Octin 4 days	4 h	$380
Logo explorationTSK-132 · Halo signage	Mia Hart	In progress	1 Novin 14 days	13 h	$1,235
MoodboardTSK-137 · Lume rebrand	Mia Hart	To do	—No date	8 h	$760
Lookbook layoutTSK-142 · Atelier brand book	Mia Hart	In progress	7 Oct11 days late	3 h	$285
Signage mockupsTSK-147 · Kiln product shoot	Mia Hart	To do	17 Oct1 day late	12 h	$1,140
Motion studyTSK-152 · Juniper hotel identity	Mia Hart	In progress	27 Octin 9 days	7 h	$665
Icon setTSK-157 · Sable lookbook	Mia Hart	To do	6 Novin 19 days	2 h	$190
Brand guidelinesTSK-162 · Lume rebrand	Mia Hart	In progress	16 Novin 29 days	11 h	$1,045
Client presentationTSK-167 · Atelier brand book	Mia Hart	To do	12 Oct6 days late	6 h	$570
Copy reviewTSK-172 · Kiln product shoot	Mia Hart	In progress	22 Octin 4 days	15 h	$1,425
Onboarding screensTSK-177 · Juniper hotel identity	Mia Hart	To do	1 Novin 14 days	10 h	$950
Landing pageTSK-182 · Sable lookbook	Mia Hart	In progress	—No date	5 h	$475
Social templatesTSK-187 · Lume rebrand	Mia Hart	To do	7 Oct11 days late	14 h	$1,330
RetouchingTSK-192 · Atelier brand book	Mia Hart	In progress	17 Oct1 day late	9 h	$855
Photo shoot planTSK-197 · Orbit app onboarding	Mia Hart	To do	27 Octin 9 days	4 h	$380
Print proofsTSK-202 · Juniper hotel identity	Mia Hart	In progress	6 Novin 19 days	13 h	$1,235
Packaging dielinesTSK-207 · Sable lookbook	Mia Hart	To do	16 Novin 29 days	8 h	$760
Type pairingTSK-212 · Lume rebrand	Mia Hart	In progress	12 Oct6 days late	3 h	$285
Colour paletteTSK-217 · Atelier brand book	Mia Hart	To do	22 Octin 4 days	12 h	$1,140

States

Loading, lazy group, one group failing

Loadinggroup headers render first, rows as skeletons


To do6 tasks



In progress9 tasks



In review6 tasks



Done9 tasks

Lazy grouprows load the first time a group opens

40 tasks in 8 groups


Atelier brand book5 tasksHOURS40 hBUDGET$3,80020%
Halo signage5 tasksHOURS50 hBUDGET$4,75020%
Juniper hotel identity5 tasksHOURS37 hBUDGET$3,5150%
Kiln product shoot5 tasksHOURS39 hBUDGET$3,70540%
Lume rebrand5 tasksHOURS28 hBUDGET$2,66020%
Nova spring campaign5 tasksHOURS55 hBUDGET$5,22540%
Orbit app onboarding5 tasksHOURS66 hBUDGET$6,27060%
Sable lookbook5 tasksHOURS35 hBUDGET$3,32540%

One group failsonly that group shows an error and Retry

40 tasks in 5 groups


Alex Reyes8 tasks
Icon setTSK-103 · Atelier brand book	Alex Reyes	In progress	28 Octin 10 days	14 h	$1,330
Brand guidelinesTSK-108 · Kiln product shoot	Alex Reyes	In progress	7 Novin 20 days	9 h	$855
Client presentationTSK-113 · Juniper hotel identity	Alex Reyes	In progress	17 Novin 30 days	4 h	$380
Copy reviewTSK-118 · Sable lookbook	Alex Reyes	In progress	13 Oct5 days late	13 h	$1,235
Onboarding screensTSK-123 · Lume rebrand	Alex Reyes	In progress	23 Octin 5 days	8 h	$760
Landing pageTSK-128 · Atelier brand book	Alex Reyes	In progress	—No date	3 h	$285
Social templatesTSK-133 · Orbit app onboarding	Alex Reyes	In progress	12 Novin 25 days	12 h	$1,140
RetouchingTSK-138 · Juniper hotel identity	Alex Reyes	In progress	8 Oct10 days late	7 h	$665
Jon Reyes8 tasks
Couldn’t load tasks for Jon Reyes. Other groups are fine.
Mia Hart8 tasks
RetouchingTSK-102 · Juniper hotel identity	Mia Hart	In progress	17 Oct1 day late	15 h	$1,425
Photo shoot planTSK-107 · Halo signage	Mia Hart	To do	27 Octin 9 days	10 h	$950
Print proofsTSK-112 · Lume rebrand	Mia Hart	In progress	6 Novin 19 days	5 h	$475
Packaging dielinesTSK-117 · Atelier brand book	Mia Hart	To do	16 Novin 29 days	14 h	$1,330
Type pairingTSK-122 · Kiln product shoot	Mia Hart	In progress	12 Oct6 days late	9 h	$855
Colour paletteTSK-127 · Juniper hotel identity	Mia Hart	To do	22 Octin 4 days	4 h	$380
Logo explorationTSK-132 · Halo signage	Mia Hart	In progress	1 Novin 14 days	13 h	$1,235
MoodboardTSK-137 · Lume rebrand	Mia Hart	To do	—No date	8 h	$760
Noah Fischer8 tasks
Type pairingTSK-104 · Sable lookbook	Noah Fischer	In review	8 Novin 21 days	13 h	$1,235
Colour paletteTSK-109 · Nova spring campaign	Noah Fischer	Done	18 NovDone	8 h	$760
Logo explorationTSK-114 · Atelier brand book	Noah Fischer	In review	14 Oct4 days late	3 h	$285
MoodboardTSK-119 · Orbit app onboarding	Noah Fischer	Done	—No date	12 h	$1,140
Lookbook layoutTSK-124 · Juniper hotel identity	Noah Fischer	In review	3 Novin 16 days	7 h	$665
Signage mockupsTSK-129 · Sable lookbook	Noah Fischer	Done	13 NovDone	2 h	$190
Motion studyTSK-134 · Nova spring campaign	Noah Fischer	In review	9 Oct9 days late	11 h	$1,045
Icon setTSK-139 · Atelier brand book	Noah Fischer	Done	19 OctDone	6 h	$570
Olivia Lane8 tasks
MoodboardTSK-101 · Lume rebrand	Olivia Lane	To do	—No date	2 h	$190
Lookbook layoutTSK-106 · Nova spring campaign	Olivia Lane	Done	16 OctDone	11 h	$1,045
Signage mockupsTSK-111 · Kiln product shoot	Olivia Lane	To do	26 Octin 8 days	6 h	$570
Motion studyTSK-116 · Orbit app onboarding	Olivia Lane	Done	5 NovDone	15 h	$1,425
Icon setTSK-121 · Halo signage	Olivia Lane	To do	15 Novin 28 days	10 h	$950
Brand guidelinesTSK-126 · Lume rebrand	Olivia Lane	Done	11 OctDone	5 h	$475
Client presentationTSK-131 · Nova spring campaign	Olivia Lane	To do	21 Octin 3 days	14 h	$1,330
Copy reviewTSK-136 · Kiln product shoot	Olivia Lane	Done	31 OctDone	9 h	$855

Behavior

Search, group pages, keyboard, memory

Search opens matching groupsother groups collapse, headers show “3 of 12”

120 tasks in 8 groups


Atelier brand book15 tasks15 tasks · 121 h · 13% done
Halo signage15 tasks15 tasks · 117 h · 40% done
Juniper hotel identity15 tasks15 tasks · 134 h · 20% done
Kiln product shoot15 tasks15 tasks · 160 h · 33% done
Lume rebrand15 tasks15 tasks · 133 h · 27% done
Nova spring campaign15 tasks15 tasks · 130 h · 47% done
Orbit app onboarding15 tasks15 tasks · 143 h · 40% done
Sable lookbook15 tasks15 tasks · 100 h · 20% done

Paginate by groupsa group is never split across pages

120 tasks in 8 groups · groups 1–3


Atelier brand book15 tasksHOURS121 hBUDGET$11,49513%
Icon setTSK-103 · Atelier brand book	Alex Reyes	In progress	28 Octin 10 days	14 h	$1,330
Logo explorationTSK-114 · Atelier brand book	Noah Fischer	In review	14 Oct4 days late	3 h	$285
Packaging dielinesTSK-117 · Atelier brand book	Mia Hart	To do	16 Novin 29 days	14 h	$1,330
Landing pageTSK-128 · Atelier brand book	Alex Reyes	In progress	—No date	3 h	$285
Icon setTSK-139 · Atelier brand book	Noah Fischer	Done	19 OctDone	6 h	$570
Lookbook layoutTSK-142 · Atelier brand book	Mia Hart	In progress	7 Oct11 days late	3 h	$285
Packaging dielinesTSK-153 · Atelier brand book	Alex Reyes	In progress	7 Novin 20 days	6 h	$570
Landing pageTSK-164 · Atelier brand book	Noah Fischer	In review	—No date	9 h	$855
Client presentationTSK-167 · Atelier brand book	Mia Hart	To do	12 Oct6 days late	6 h	$570
Lookbook layoutTSK-178 · Atelier brand book	Alex Reyes	In progress	12 Novin 25 days	9 h	$855
Colour paletteTSK-181 · Atelier brand book	Olivia Lane	To do	31 Octin 13 days	6 h	$570
RetouchingTSK-192 · Atelier brand book	Mia Hart	In progress	17 Oct1 day late	9 h	$855
Client presentationTSK-203 · Atelier brand book	Alex Reyes	In progress	17 Novin 30 days	12 h	$1,140
Motion studyTSK-206 · Atelier brand book	Olivia Lane	Done	5 NovDone	9 h	$855
Colour paletteTSK-217 · Atelier brand book	Mia Hart	To do	22 Octin 4 days	12 h	$1,140
Halo signage15 tasksHOURS117 hBUDGET$11,11540%
Photo shoot planTSK-107 · Halo signage	Mia Hart	To do	27 Octin 9 days	10 h	$950
Landing pageTSK-110 · Halo signage	Jon Reyes	In review	—No date	7 h	$665
Icon setTSK-121 · Halo signage	Olivia Lane	To do	15 Novin 28 days	10 h	$950
Logo explorationTSK-132 · Halo signage	Mia Hart	In progress	1 Novin 14 days	13 h	$1,235
Packaging dielinesTSK-135 · Halo signage	Jon Reyes	Done	20 OctDone	10 h	$950
Landing pageTSK-146 · Halo signage	Olivia Lane	Done	—No date	13 h	$1,235
Client presentationTSK-149 · Halo signage	Noah Fischer	Done	8 NovDone	10 h	$950
Lookbook layoutTSK-160 · Halo signage	Jon Reyes	In review	25 Octin 7 days	13 h	$1,235
Packaging dielinesTSK-171 · Halo signage	Olivia Lane	To do	11 Oct7 days late	2 h	$190
RetouchingTSK-174 · Halo signage	Noah Fischer	In review	13 Novin 26 days	13 h	$1,235
Client presentationTSK-185 · Halo signage	Jon Reyes	Done	30 OctDone	2 h	$190
Lookbook layoutTSK-196 · Halo signage	Olivia Lane	Done	16 OctDone	5 h	$475
Colour paletteTSK-199 · Halo signage	Noah Fischer	Done	18 NovDone	2 h	$190
RetouchingTSK-210 · Halo signage	Jon Reyes	In review	4 Novin 17 days	5 h	$475
Onboarding screensTSK-213 · Halo signage	Alex Reyes	In progress	23 Octin 5 days	2 h	$190
Juniper hotel identity15 tasksHOURS134 hBUDGET$12,73020%
RetouchingTSK-102 · Juniper hotel identity	Mia Hart	In progress	17 Oct1 day late	15 h	$1,425
Client presentationTSK-113 · Juniper hotel identity	Alex Reyes	In progress	17 Novin 30 days	4 h	$380
Lookbook layoutTSK-124 · Juniper hotel identity	Noah Fischer	In review	3 Novin 16 days	7 h	$665
Colour paletteTSK-127 · Juniper hotel identity	Mia Hart	To do	22 Octin 4 days	4 h	$380
RetouchingTSK-138 · Juniper hotel identity	Alex Reyes	In progress	8 Oct10 days late	7 h	$665
Onboarding screensTSK-141 · Juniper hotel identity	Olivia Lane	To do	10 Novin 23 days	4 h	$380
Motion studyTSK-152 · Juniper hotel identity	Mia Hart	In progress	27 Octin 9 days	7 h	$665
Colour paletteTSK-163 · Juniper hotel identity	Alex Reyes	In progress	13 Oct5 days late	10 h	$950
Print proofsTSK-166 · Juniper hotel identity	Olivia Lane	Done	15 NovDone	7 h	$665
Onboarding screensTSK-177 · Juniper hotel identity	Mia Hart	To do	1 Novin 14 days	10 h	$950
Motion studyTSK-188 · Juniper hotel identity	Alex Reyes	In progress	18 OctToday	13 h	$1,235
MoodboardTSK-191 · Juniper hotel identity	Olivia Lane	To do	—No date	10 h	$950
Print proofsTSK-202 · Juniper hotel identity	Mia Hart	In progress	6 Novin 19 days	13 h	$1,235
Social templatesTSK-205 · Juniper hotel identity	Jon Reyes	Done	25 OctDone	10 h	$950
Brand guidelinesTSK-216 · Juniper hotel identity	Olivia Lane	Done	11 OctDone	13 h	$1,235

Keyboardtreegrid navigation

→Expand the focused group

←Collapse it — or from a row, jump to its group

↑ ↓Move between group headers and rows

SpaceSelect the focused row (selectable tables)

TabLeave the grid

What is rememberedper person, per table

Group bySaved per table in the profile and mirrored in the URL (?group=project,status)

CollapsedRemembered per group id across sessions

SortInside groups; groups keep their own order

SelectionNever persisted

In Avava

Team hours, budget by client

Team hours · this weekby person · day totals · overtime in coral

12 projects in 5 groups

Project	Mon	Tue	Wed	Thu	Fri	Total
Alex Reyes3 projects
Atelier brand book	4 h	5 h	6 h	1 h	2 h	18 h
Kiln product shoot	3 h	4 h	5 h	6 h	1 h	19 h
Orbit app onboarding	2 h	3 h	4 h	5 h	6 h	20 h
Subtotal · Alex Reyes	9 h	12 h	15 h	12 h	9 h	57 h
Jon Reyes2 projects
Orbit app onboarding	2 h	3 h	4 h	5 h	6 h	20 h
Juniper hotel identity	7 h	2 h	3 h	4 h	5 h	21 h
Subtotal · Jon Reyes	9 h	5 h	7 h	9 h	11 h	41 h
Mia Hart3 projects
Halo signage	4 h	5 h	6 h	1 h	2 h	18 h
Sable lookbook	3 h	4 h	5 h	6 h	1 h	19 h
Lume rebrand	2 h	3 h	4 h	5 h	6 h	20 h
Subtotal · Mia Hart	9 h	12 h	15 h	12 h	9 h	57 h
Noah Fischer2 projects
Lume rebrand	1 h	2 h	3 h	4 h	5 h	15 h
Nova spring campaign	6 h	1 h	2 h	3 h	4 h	16 h
Subtotal · Noah Fischer	7 h	3 h	5 h	7 h	9 h	31 h
Olivia Lane2 projects
Lume rebrand	1 h	2 h	3 h	4 h	5 h	15 h
Nova spring campaign	6 h	1 h	2 h	3 h	4 h	16 h
Subtotal · Olivia Lane	7 h	3 h	5 h	7 h	9 h	31 h
Studio · 12 projects	41 h	35 h	47 h	47 h	47 h	217 h

Budget by clientclient → projects · plan vs actual · studio total

8 projects in 5 groups

Project	Plan	Actual	Used	Remaining
Juniper Hotel2 projectsPLAN$74,000ACTUAL$46,00062%
Hotel identity	$58,000	$41,200	71%	$16,800
Wayfinding	$16,000	$4,800	30%	$11,200
Lume Goods2 projectsPLAN$54,000ACTUAL$43,90081%
Packaging refresh	$42,000	$30,500	73%	$11,500
Retail signage	$12,000	$13,400	112%	−$1,400
Orbit Labs1 projectPLAN$36,000ACTUAL$12,60035%
App onboarding	$36,000	$12,600	35%	$23,400
Nova Studio2 projectsPLAN$24,500ACTUAL$19,00078%
Spring campaign	$18,500	$16,900	91%	$1,600
Social kit	$6,000	$2,100	35%	$3,900
Atelier Rive1 projectPLAN$24,000ACTUAL$26,800112%
Brand book	$24,000	$26,800	112%	−$2,800
Studio · 8 projects	$212,500	$148,300		$64,200

Rules & a11y

Group vs filter, screen readers

Group or filter?pick by the question

Group

People compare buckets“Which project eats the most hours?”

Filter

People need one bucket“Show me only overdue tasks”

Both

Filter first, then group“Overdue tasks, by person”

Screen readerstreegrid semantics

✓<table role="treegrid">Group rows have aria-level and aria-expanded

✓Chevron is a real <button>Name: “Lume rebrand, 12 tasks, expanded”

✓Rows: tabindex="-1", aria-levelArrow keys move; only one Tab stop

✓Subtotals: <th scope="row">“Subtotal · Lume rebrand” labels the numbers

✓Search result in aria-live“14 of 120 tasks match ‘logo’ in 6 groups”

DO✓Show the count and key totals in every group header✓Keep a one-line summary when a group is collapsed✓Open groups that contain search matches✓Paginate by groups, not by rows✓Offer a keyboard or menu alternative to drag and drop

DON’T✕Nest more than two levels✕Hide empty groups people expect to see✕Split one group across two pages✕Lose collapsed state on refresh✕Make the whole header a tiny click target