[Bug Report][3.4.7] VDataTable headers prop maxWidth doesn't work.

[mwshub]

Environment

Vuetify Version: 3.4.7
Vue Version: 3.3.11
Browsers: Firefox 120.0
OS: Windows 10

Steps to reproduce

Create a table and set the maximum width of column to 200px.

Expected Behavior

The maximum width of column is 200px.

Actual Behavior

The column is not limited by maxWidth.

Reproduction Link

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

[plundermun]

Having the same problem

vuetify@3.2.1
vue@3.3.4

[websitevirtuoso]

I can do PR and fix it

But before doing it. I would like to know does maxWidth will help?
Even when I used maxWidth it doesn't affect

When I apply width and maxWidth to header column and columns it works as expected. Let mw know which option best works. I think this one is good and I can do PR

[plundermun]

Thank you for the fast reply.
You are right setting max-width just on the th will not do anything.
It will also have to set the max-width on the corresponding td.
There may also be some overflow:hidden or text-overflow: eliplsis necessary.

[websitevirtuoso]

Yes I think overflow will do the job. I will do PR

[plundermun]

You are talking setting overflow and max-width on the TH or also on the TDs for that column, because setting it only on the TH doesn't work if content of some TD is to long.
Thank you in advance.

[websitevirtuoso]

Created PR. it was pretty clear and simple to implement. but only now I found time to check it. I hope one day they will accept it., Because this is already 4 PR in review

[Ribeiro-Tiago]

Just ran into this exact issue (v.3.5.8). Any ETA on this fix ?