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

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。