Using Serenity 2.0.0 (PrimeFaces 7.0), the scrollable dataTables' headers reserve the scrollbar space even when there isn't a scrollbar (too few records). See screenshot:
.
As far as I can tell, it works well in other browsers.
Curiously, when the Serenity sidebar is anchored, the headers align with the columns.
To recreate this behaviour, just make a scrollable dataTable with too few records for there to be a scrollbar in Serenity demo project.
For example, I changed the dataTable in "serenity-2.0.0\tag\src\main\webapp\data.xhtml" to:
Code: Select all
<p:dataTable var="car" value="#{dtSelectionView.cars1}" selectionMode="single" reflow="true"
selection="#{dtSelectionView.selectedCar}" rowKey="#{car.id}" scrollable="true" scrollHeight="400">
I've searched the foruns but without luck:
viewtopic.php?t=35671
viewtopic.php?f=3&t=13509
https://code.google.com/archive/p/prime ... ssues/6993
Any help is much appreciated!
Thank you!