如何将 jScrollPane 与 jqgrid 一起使用？

【问题标题】：How to use jScrollPane with jqgrid?如何将 jScrollPane 与 jqgrid 一起使用？
【发布时间】：2012-11-22 03:36:09
【问题描述】：

如何将 JScrollPane 与 jqgrid 一起使用？我尝试使用它，但标题没有移动。这是我的代码。

       gridComplete:function(){
$('#gview_mygrid >div.ui-jqgrid-bdiv').jScrollPane({ showArrows: true, scrollbarWidth: 17, arrowSize: 17, scrollbarMargin: 0 });}

【问题讨论】：

标签： jqgrid jscrollpane jquery-jscrollpane

【解决方案1】：

终于想通了。。这是工作代码。在标记中

 <div id="container" >  
        <table id="list"><tr><td/></tr></table>
        <div id="pager"></div>
  </div>

在 Java 脚本中，我们必须绑定标题（类 .ui-jqgrid-hbox）来滚动

gridComplete:function(){
             var table_header = $('#container').find('.ui-jqgrid-hbox').css("position","relative");
             $('#container').find('.ui-jqgrid-bdiv').bind('jsp-scroll-x', function(event, scrollPositionX, isAtLeft, isAtRight) {
                            table_header.css('right', scrollPositionX);
                           }).jScrollPane({
                             showArrows: true, 
                            autoReinitialise: true,
                            horizontalDragMaxWidth: 30,
                            verticalDragMaxHeight: 30           
                        });
                     }

【讨论】：