Skip to content

docs(VDataTable): clarify that height is required with fixed-header#22956

Open
sridhar-3009 wants to merge 4 commits into
vuetifyjs:masterfrom
sridhar-3009:docs/datatable-fixed-header-height-20201
Open

docs(VDataTable): clarify that height is required with fixed-header#22956
sridhar-3009 wants to merge 4 commits into
vuetifyjs:masterfrom
sridhar-3009:docs/datatable-fixed-header-height-20201

Conversation

@sridhar-3009

Copy link
Copy Markdown
Contributor

Fixes #20201

The fixed-header prop requires a height constraint to work. Without it, the table expands to show all rows and no scrolling occurs, so the header cannot be sticky. This was undocumented for v-data-table.

Added:

  • A "Fixed header" section to data-tables/basics.md with an info callout explaining the height requirement
  • A new prop-fixed-header.vue example showing the correct combination of props

@J-Sek

J-Sek commented Jun 28, 2026

Copy link
Copy Markdown
Contributor

Would be nice to cover fixed-footer in the same example. Otherwise it is more of a bloat/noise.

@sridhar-3009

Copy link
Copy Markdown
Contributor Author

Added a Fixed footer section with a prop-fixed-footer example covering fixed-footer in the same style as the fixed-header example above it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug Report][3.6.13] Table headers are not fixed without height (docs should show a clear hint)

2 participants