Horizontal Scrollbar Always On Top Of DataTable

I have a webpage that displays a DataTable. I found this solution to make the horizontal scrollbar appear on top. (Example can be found here)

Here is the CSS that moves it to the top:

.dataTables_scrollBody {    transform:rotateX(180deg);}.dataTables_scrollBody table {    transform:rotateX(180deg);}

However, is there a way to make the horizontal scrollbar always appear on top even if the user scrolls down?