jqgrid 自定义行高 和 单元格title设置

 jqgrid 自定义行高 和 单元格title设置

效果图如下,蓝线是行高的设置效果,红线是title的设置效果

 

 行高的设置,是通过css样式设置的,但是是固定的行高,网上有的是通过jqgrid的脚本设置的,

loadComplete:function() {
var grid = $("#list");
var ids = grid.getDataIDs();
for (var i = 0; i < ids.length; i++) {
grid.setRowData ( ids[i], false, {height: 35+i*2} );
}

这段脚本我没有调试,不知道可不可以,我是通过css样式设置的,如下

#gbox_sameAssetList .ui-row-ltr{
height:60px !important;
}

gbox_sameAssetList  是jqgrid生成的表名

至于title的设置,其实就是加了一层div 在div上设置了title属性

 

隐藏jqgrid的横向滚动条

gridComplete:function(){
   //隐藏grid底部滚动条
   $("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
}
posted @ 2018-08-10 14:25  八方鱼  阅读(7045)  评论(0)    收藏  举报