如何在点击事件上水平滚动数据表？

Question

我设置了一个包含大量列的数据表。目前有一个底部滚动条，但我想将滚动条链接到数据表顶部的按钮。

按钮链接到一个点击事件，我发现这个 jQuery 示例可以为horizontal scroll right 设置动画。但是当我单击按钮时，表格不会向右水平滚动：

        $("#scrollXRight-btn").click(function () {

            //$('div.dataTables_scrollBody').scrollRight($('#escalation').scrollRight() + 20); //method 1 didn't work

            var leftPos = $('div.dataTables_scrollBody').scrollLeft();
            $("div.dataTables_scrollBody").animate({ scrollLeft: leftPos + 200 }, 800);

        });

我确实尝试使用选择器mentioned here，但动画没有触发。

数据表ID：escalation

数据表容器类：dataTables_wrapper no-footer

问题：

如何在点击事件时水平滚动数据表？

Answer 1

尝试在数据表中启用scrollX，如果需要，可以使用fixed columns extension。