Skip to content

Add sticky table headers - #42837

Open
mdo wants to merge 1 commit into
v6-devfrom
table-sticky-headers
Open

Add sticky table headers#42837
mdo wants to merge 1 commit into
v6-devfrom
table-sticky-headers

Conversation

@mdo

@mdo mdo commented Aug 13, 2026

Copy link
Copy Markdown
Member
  • Add a .thead-sticky class that keeps a <thead> in view while the <tbody> scrolls inside a scrollable parent.
  • Add --table-thead-sticky-top and --table-thead-sticky-zindex tokens to offset fixed headers and control stacking.
  • Document the new class with a scrollable example.
  • Shorten several table headings and demote "How nesting works" to an h3.

Add a `.thead-sticky` class so a `<thead>` stays visible while the `<tbody>`
scrolls. Add `--table-thead-sticky-top` and `--table-thead-sticky-zindex`
tokens to offset fixed headers and control stacking. Document the class and
shorten several table headings.
@mdo
mdo requested a review from a team as a code owner August 13, 2026 02:25
@mdo mdo added this to v6.0.0 Aug 13, 2026
@github-project-automation github-project-automation Bot moved this to Inbox in v6.0.0 Aug 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Inbox

Development

Successfully merging this pull request may close these issues.

1 participant