dataTable: given column width not used when having frozenColumns

Describe the bug

I have a fixed column but the fixed column does not consider the given column width of 120px. Instead of the given column width of 120px, it uses a width of 50% of parent container:

<p:dataTable scrollable="true" scrollHeight="640" scrollWidth="500" frozenColumns="1" ..>

<!-- width is not 120px but 50% of parent container >
<p:column width="120px">
..
</p:column>

</p:dataTable>

Looking at the pf components.css:

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

changing to

.ui-datatable table {
  border-collapse: collapse;
  width: auto;
  table-layout: fixed;
}

will consider the given width of 120px but then when scrolling to the right, the column header does not start and begin with its column content.

Reproducer

No response

Expected behavior

Given p:column width must be considered.

PrimeFaces edition

None

PrimeFaces version

12

Theme

No response

JSF implementation

Mojarra

JSF version

2.3

Java version

jdk 17

Browser(s)

Firefox 107

[melloware]

Yep a lot of them across PF allow you to use “100px” or “100%” or “100vw”. Whatever is typically available as CSS!

[nimo23]

Yes, we can give the unit indeed. This is something which I did not know. When giving the unit as percentage the above case works without using setting width in .ui-datatable-frozenlayout-left. So I will close this issue. @melloware Thanks!