When a column width is specified via CSS (use-case: different styles / width for columns depending on selected theme) it's not working properly.
A short sample to show the issue has been created on zk-fiddle: https://zkfiddle.org/sample/3sq9u66/1-listbox-column-width-via-css-sample
Here is the code:
In this sample there are two listboxes:
- On the first listbox the column with of the 2nd column is specified via the 'width' attribute on the listheader. It works as expected and is the reference
- On the 2nd listbox the column with of the 2nd column is specified via a css style. The css only seems to affect the listbox header, but not the data rows. They are not aligend with the header
As you can see the width is only applied to the header, but not to the data ('col2' is not aligned to 'header2')
In this sample we see col2 aligned to header2