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.

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

[Bug Report][3.6.8] v-data-table maxWidth doesn't work #19980

Closed
simionato-mobisec opened this issue Jun 10, 2024 · 1 comment
Closed

[Bug Report][3.6.8] v-data-table maxWidth doesn't work #19980

simionato-mobisec opened this issue Jun 10, 2024 · 1 comment
Labels
S: stale This issue is untriaged and hasn't seen any activity in at least six months. S: triage

Comments

@simionato-mobisec
Copy link

Environment

Vuetify Version: 3.6.8
Vue Version: 3.4.27
Browsers: Firefox 126.0
OS: Ubuntu undefined

Steps to reproduce

  1. Create a v-data-table
  2. Set the "maxWidth" of one of its headers.
  3. Load data with long strings.

Expected Behavior

maxWidth value is taken into consideration.

Actual Behavior

maxWidth value is ignored.

Reproduction Link

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

Other comments

I found this issue and tried what was written here, but it didn't work. That's why I decided to open this issue.

@github-actions github-actions bot added the S: stale This issue is untriaged and hasn't seen any activity in at least six months. label Dec 8, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Dec 26, 2024
@monkameddle
Copy link

I always forget it myself and it is kinda counter intuitive but you also have to set

nowrap: true

on the headers column

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
S: stale This issue is untriaged and hasn't seen any activity in at least six months. S: triage
Projects
None yet
Development

No branches or pull requests

2 participants