如何在jqgrid中使用jScrollPane？

Question

如何在jqgrid中使用JScrollPane？我試圖使用它，但標題不動。這是我的代碼。

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

Answer 1

最後我想通了.. 這是工作代碼。 在標記

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

在Java腳本，我們有頭（類的.ui-的jqGrid - 橫向盒）也結合滾動

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   
         }); 
        }