fix(data-table): keep virtualized header sticky across full scroll range

[paanSinghCoder]

Summary

DataTable.VirtualizedContent applies position: sticky; top: 0 to the column header, but it only stayed pinned for ~one header row of scroll, then drifted off with the body.

position: sticky is bounded by its containing block. The sticky class was on the inner VirtualHeaders rowgroup, while the outer <div ref={headerRef}> (used to measure header height) became the containing block. That wrapper is only one header-row tall, so sticky had effectively no scroll range to live in.

This PR moves the stickyHeader class onto the wrapper itself. Its containing block becomes .virtualTable (full content height), so the header now stays pinned for the entire scroll range. The headerRef measurement is unaffected (same node).

Test plan

• Open the virtualized DataTable example, scroll inside the table, and confirm the column header stays pinned at the top throughout the scroll (not just the first row).
• Group by a column with stickyGroupHeader enabled and confirm the group anchor still stacks correctly under the column header.
• Resize the viewport and confirm headerHeight (used to position the sticky group anchor) remains correct.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
apsara	Ready	Preview, Comment	May 6, 2026 6:43am

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 3ddcf0dd-da34-4c3e-945a-98a3290c141b

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

📝 Walkthrough

Walkthrough

The pull request refactors the header wrapper structure in the VirtualizedContent component. The sticky header class and ref are relocated from the VirtualHeaders component to the outer wrapper div that contains it. This is a structural change affecting how styling is applied to the header elements, with no changes to the underlying virtualization logic.

Suggested reviewers

• rsbh
• rohanchkrabrty

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title accurately summarizes the main change: moving sticky header styling to keep the virtualized header pinned across the full scroll range, which is the primary focus of this UI refactor.
Description check	✅ Passed	The description is directly related to the changeset, explaining the problem with sticky positioning, the solution implemented, and providing a clear test plan that matches the code change.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}