vuetifyjs/vuetify

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

Open

#20201 opened on Jul 19, 2024

View on GitHub
 (0 comments) (1 reaction) (0 assignees)TypeScript (40,995 stars) (7,139 forks)batch import
C: VDataTableT: documentationgood first issue

Description

Environment

Vuetify Version: 3.6.13 Vue Version: 3.4.33 Browsers: Chrome 126.0.0.0 OS: Windows 10

Steps to reproduce

Select Items per page in all

Expected Behavior

The header is fixed

Actual Behavior

The header is not fixed

Reproduction Link

https://play.vuetifyjs.com/#...

Contributor guide

Tech stack
vuetypescript
Domain
frontenddocumentation
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Basic VueVuetify components
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75
Research direction
The issue is that Vuetify table headers are not fixed without setting the `height` prop. The fix involves updating the documentation to explicitly mention this requirement. Look at the Vuetify v table component source and its documentation files, likely in packages/vuetify/src/components/VTable/ or similar. Check the existing docs for the 'fixed header' prop and add a clear hint that headers become fixed only when a height is specified.