DataTable: Horizontal scrollbar on top not bottom

[melloware]

I was asked to investigate this and I don't know quite why people want this but if you want a PF DataTable to have the scrollbar on the top of the table and not the bottom you can use this CSS "at your own risk".

.ui-datatable-scrollable-body {
  overflow-x: scroll;
  overflow-y: auto;
  transform: rotateX(180deg);
}

.ui-datatable-scrollable-body table {
  transform: rotateX(180deg);
  width: 100%;
  overflow-x: scroll;
}

[m-kondeva]

Hello, thanks for the idea. I have additional question regarding mostly large tables - is it possible to have the scroller of the scrollable-body on both positions - top and bottom? I haven't came up to a working solution so far. I need this functionality (if possible) for a datatable with frozenColumns, so that the scrollable-body in the right frozenlayout to have 2 horizontal scrollers - on the top and on the bottom and both to be synchronised of course.
Thanks in advance.

[melloware]

Nope not possible with CSS. There are hacks out there like an old Jquery "Double Scrollbars" component but its a hack and is no longer updated.