水平滚动条始终位于 DataTable 顶部

Question

我有一个显示 DataTable 的网页。 我发现这个解决方案可以让水平滚动条出现在顶部。 （示例可以在这里找到）

这是将其移至顶部的 CSS：

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

但是，即使用户向下滚动，有没有办法让水平滚动条始终出现在顶部？