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

Question

我设置了一个包含大量列的数据table。目前有一个底部滚动条，但我想 link 向右滚动到数据顶部的按钮 table。

按钮被 link 编辑为单击事件，我发现这个 jQuery 示例可以为 horizontal scroll right 设置动画。但是当我点击按钮时 table 没有水平向右滚动：

        $("#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 但动画没有触发。

数据IDtable：escalation

数据 table 容器的

Class：dataTables_wrapper no-footer

问题：

如何在单击事件中水平滚动数据table？

Answer 1

如果需要，请尝试启用 scrollX in datatables and maybe use fixed columns extension。

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

How to horizontal scroll datatable on click event?

jquery

datatables

horizontal-scrolling