jqgridでJScrollPaneを使用する方法は?使ってみましたが、ヘッダーが動かない。これが私のコードです。
gridComplete:function(){
$('#gview_mygrid >div.ui-jqgrid-bdiv').jScrollPane({ showArrows: true, scrollbarWidth: 17, arrowSize: 17, scrollbarMargin: 0 });}
jqgridでJScrollPaneを使用する方法は?使ってみましたが、ヘッダーが動かない。これが私のコードです。
gridComplete:function(){
$('#gview_mygrid >div.ui-jqgrid-bdiv').jScrollPane({ showArrows: true, scrollbarWidth: 17, arrowSize: 17, scrollbarMargin: 0 });}
最後に私はそれを理解しました..これが動作するコードです。マークアップで
<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
});
}