Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Bug Report][3.4.0-beta.1] VDataTable too many nested headers breaks design #18679

Closed
dcrystalj opened this issue Nov 14, 2023 · 3 comments · Fixed by #18732
Closed

[Bug Report][3.4.0-beta.1] VDataTable too many nested headers breaks design #18679

dcrystalj opened this issue Nov 14, 2023 · 3 comments · Fixed by #18732
Assignees
@KaelWD
Labels
C: VDataTable VDatatable T: bug Functionality that does not work as intended/expected
Milestone
v3.4.x

Comments

@dcrystalj
Copy link

Environment

Vuetify Version: 3.4.0-beta.1
Vue Version: 3.3.8
Browsers: Chrome 119.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

  • have some columns with children
  • make many columns until table headers breaks into new line

Expected Behavior

table should be wide as much as I need

Actual Behavior

table becomes impossible to use

Reproduction Link

https://play.vuetifyjs.com/#...
@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected C: VDataTable VDatatable labels Nov 14, 2023
@KaelWD KaelWD self-assigned this Nov 14, 2023
@KaelWD KaelWD added this to the v3.4.x milestone Nov 14, 2023
@websitevirtuoso

This comment was marked as off-topic.

Sign in to view
@KaelWD

This comment was marked as off-topic.

Sign in to view
@johnleider johnleider mentioned this issue Nov 15, 2023
Closed
johnleider referenced this issue Nov 15, 2023
@johnleider
fix(VDataTable): prevent layout shift when changing pages
c6e4546
@dcrystalj
Copy link
Author

@johnleider sorry but it doesn't look like this is fixed https://play.vuetifyjs.com/#eNrtlktu2zAQhq8y0MYtYMt62JJsKAFqJ0iBtkDRAt3EXjDSxCKqFyTKqBsE6B16lN6gR+lJSuoR0Y6C2FkGWlH6Z4b8fkrE8PpOyTNv/C5N1W2BylxxGUZpSBier2IAdzvyCSMjRm5CFALAPEDiY5afrZT6aaXUEcprhV6OjSpeRt9xx/WYRCjL+SjFbJSSDfLgtIqcu2N5TU7hjiUk/pp7GU0Z5MiKtIT0kjhnUMPAGVxXK9wBoyzEOQw+7zISUX8whC0JC6EIkgHcDw8zPyYeYTSJpdSwkTrSl2LlrPBEHC44oVRXUtWxMtTWVwM8THNBI4xznpcP6hQAEtJNLKbBmGHW6l5AQz9DHqpt7hO9R7oJGLyJ3kooQSm2APslC5LjQcENl55K/5aERSQK/v6RS7alLBet66fedm+7t93b7m2/Dttr0YWbrlu2cannNiWiwfK5rjIkDOr+C8ktXNGfpN2CprfyzMvNLmVtpDLKdX1iqVarCz9cNUxNnbRqhSz0qWMazlTa5IMuLL6DCjxN+/frtzG1NFgsm+xHX7U2IeF/CMhtxrv8KQZMS0ZtDOhT1ewwoE9se3KMAfsY8i/oN5t/GrPWQWxoXbyWZjizI3hnx/Au+BF5IbCu6o+QdceR/50W2tA0aybZeQLa0k78PViA8LXgt8cO9E/4g3pJB7sl7d7DXkuahG3a2sx+FptTLy/3qfmZdcfVxZlfmZX7oWKqpuooYpyohrL+D++IdXo=

@KaelWD KaelWD reopened this Nov 17, 2023
@KaelWD KaelWD mentioned this issue Nov 18, 2023
Closed
@emmettxt emmettxt mentioned this issue Nov 20, 2023
Merged
@KaelWD KaelWD mentioned this issue Nov 28, 2023
Closed
johnleider pushed a commit that referenced this issue Nov 28, 2023
@emmettxt
fix(VDataTable): broken design with many nested headers (#18732)
ce62214 
fixes #18679
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@KaelWD KaelWD

Labels
C: VDataTable VDatatable T: bug Functionality that does not work as intended/expected
Projects
None yet
Milestone
v3.4.x
Development

Successfully merging a pull request may close this issue.

fix(VDataTable): too many nest headers breaks design emmettxt/vuetify
3 participants
@dcrystalj @websitevirtuoso @KaelWD