如何转到jqgrid中表的最后一列?没有滚动到最后

时间:2015-05-18 14:14:13

标签: scroll jqgrid

在许多网站中,当我们向下滚动时会出现一个按钮。它说' Top'。当我们点击它时,它会将我们带到页面的顶部。

我的问题是:
我希望在表格中具有类似的功能但是水平。 让我解释一下,我的应用程序中有一个包含100多列的表。所以,如果我想要去最后一列,那么我必须水平滚动,直到我到达最后一列。我正在使用 Jqgrid 。在jqgrid中是否有任何实现只需单击按钮或其他内容即可将我们带到最后一列?有人试过吗?

1 个答案:

答案 0 :(得分:1)

这是一个可能的解决方案:https://jsfiddle.net/99x50s2s/38/

enter image description here

向你的jqgrid添加一个自定义按钮,如fiddler所示,在按钮点击事件中获取'ui-jqgrid-bdiv'类的宽度和右边的scoll,

.jqGrid('navButtonAdd', '#sg1' + "_toppager", {
        caption: "See last column",
        title: "Last Column",
        onClickButton: function () {
            $('.ui-jqgrid-bdiv').animate({
                scrollLeft: $(this).width()
            }, 'slow');
        }
    });