$("#jqGrid").jqGrid({ url: '../app/list', datatype: "json", colModel: [ {label: '企業名稱', name: 'company', width: 150, align:'center' }, { label: '錄音文件', name: "recording_file", width: 750, align:'center', formatter: function (value, options, row) { if (isNull(value)) return "---"; var index = value.lastIndexOf("\/"); var flag = value.trim().substr(0, 4); if ("http" != flag) return value.substring(index + 1, value.length) else return "<a href='" + value + "'>"+ value.substring(index + 1, value.length) +"</a>"; } } ], viewrecords: true, height: '100%', rowNum: 15, rowList : [15,30,50,100], rownumWidth: 25, autowidth:true, pager: "#jqGridPager", altRows: true, altclass: 'differ', //顯示水平滾動條 shrinkToFit:false, autoScroll: true, jsonReader : { root: "data.list", page: "data.currPage", total: "data.totalPage", records: "data.totalCount" }, postData:{ 'number': getString(vm.q.number), 'release_cause': vm.q.status, 'startTime': $("#start_time").val(), 'endTime': $("#end_time").val() }, prmNames : { page:"page", rows:"limit", order: "order" }, gridComplete:function(){ //隱藏grid底部滾動條 // $("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" }); }, loadComplete: function(){ var re_records = $("#jqGrid").getGridParam("records"); if(isNull(re_records) || re_records<=0){ vm.showjqGridPager=false; }else{ vm.showjqGridPager=true; } } }); }
【jqGrid】列太多,滾動條顯示
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.