jScrollPane을 jqgrid와 함께 사용하는 방법?

Question

JScrollPane을 jqgrid와 함께 사용하는 방법? 나는 그것을 사용하려고했지만 헤더가 움직이지 않는다. 여기 내 코드가있다.

 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> 

마크 업에서 , 우리는

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

을 스크롤 또한 헤더 (클래스 .ui-있는 jqGrid - hbox에)를 결합해야