設定jqGrid水平滾動條

2021-08-30 08:51:42 字數 816 閱讀 7396

1.html設定css樣式

2.js設定

shrinktofit:false,

autoscroll: true, //開啟水平滾動條

$("#table_list_1").jqgrid(,

colnames : [ '日期', '主播數', '回放數量', '違規', '主播刪除', '回放總時長(分鐘)', '總收入', '作品總數', '作品收益'],

colmodel : [ ,

},},

},},

},},},}

],rownum : 10,

rows : 'abc',

rowlist:[10,20,30],

prmnames: ,

jsonreader : ,

autowidth:true,

pager : '#pager_list_1',

//sortname : '',

viewrecords : true,

sortorder : "desc",

hidegrid:false,

shrinktofit:false,

autoscroll: true, // 開啟水平滾動條

onsortcol : function(name, index) ,

ondblclickrow : function(rowid) ,

caption : "",

height: 'auto',

editoptions :

}});

3.效果如下

JqGrid實現水平滾動條

這幾天由於業務需求,用到了jqgrid,用起來感覺很強大,提供了豐富的功能。也碰了不少壁。問題 對於表字段少的,就直接用無影響,但是有的表字段很多,就導致顯示起來很別捏,如圖 預設情況下是沒有開啟水平滾動條的,也就是說無論有多少字段,都會顯示在這一屏,這豈不是太操蛋?解決 還好,官方提供了屬性開啟橫...

jqGrid元件顯示滾動條

如下為顯示滾動條的核心配置 shrinktofit false,autoscroll true,autowidth true,jqgrid closest ui jqgrid bdiv css 需要拖拉才能顯示水平滾動條 jqgrid closest ui jqgrid bdiv css 需要拖拉才...

水平拖動滾動條

這個過程分為三步走 一 分析首先獲取元素 記得onmousemove 一定要寫在onmousedown當中,善於利用var that this 在onmosedown中最為重要的是獲取移動的距離 首先是event.client leftval 的值 二 判斷移動的距離是否超出範圍,由於that.st...