[$250] Make the group headers appear sticky when scrolling down the Spend table

[shawnborton]

When you expand a group header from Spend, as soon as you scroll down the page the group header goes out of view. This means you lose context of what group you are viewing.

Let's make it so that when you scroll down, the group header stays sticky (like a standard sticky header component) but scrolls with the page once content below should push it back up.

I tried to make a quick POC but the result isn't perfect, but it communicates the idea:

CleanShot.2026-04-27.at.14.37.00.mp4

Missing would be:

• there is a slight 4px shift of the sticky rows, we want to make sure the header rows appear as tall as they do (56px) when they are sticky vs not sticky
• I actually think we might want the child table's header to stay fixed as well and use the same sticky behavior as the group header

cc @Expensify/design @Expensify/product @Krishna2323 @JS00001

This is going to he handled by Krishna since they are currently working on report table styles. Jack mentioned maybe stickyHeaderIndices will be our friend here.

Issue Owner

Current Issue Owner: @Krishna2323

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022048747533718724565
• Upwork Job ID: 2048747533718724565
• Last Price Increase: 2026-04-27

[melvin-bot]

Current assignee @shawnborton is eligible for the NewFeature assigner, not assigning anyone new.

[melvin-bot]

Current assignee @Krishna2323 is eligible for the External assigner, not assigning anyone new.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~022048747533718724565

[shawnborton]

Please do not submit external proposals, this is being handled by Krishna.

[Krishna2323]

I’ll raise the PR within 24 hours.

[shawnborton]

Awesome, thanks Krishna!