DataTable column width increases by content limitlessly

[ibrdavid]

Due to the fixes of #1508 and #1521, you made a change in DataTable.vue from

.p-datatable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

to

.p-datatable table {
    border-collapse: collapse;
    min-width: 100%;
    table-layout: fixed;
}

This change leads to columns, whose width will increase by their content limitlessly:

The former definition gave each column the same width, despite of their content:

PrimeVue: 3.7.2
Vue: 3.2.11

[mertsincan]

Hi,

I couldn't replicate this issue. Could you please attach a codesanbox link for us to replicate?

[ibrdavid]

This codesandbox uses PrimeVue 3.7.2:
https://codesandbox.io/s/blissful-sea-6c060

If you edit package.json and change dependencies.primevue to "3.7.1", you'll get the original and desired result.

[cagataycivici]

Seems like a regression, we'll see if there is anything we can do. min-width should stay though.

[cagataycivici]

Current solution with 3.8.2 is tableStyle="width:100%"

#1696

[tugcekucukoglu]

Could you please try to use the latest PrimeVue version? If the problem still persists, please create a new issue with a reproducer link.