- 增加序号
jQuery("#table_list_1").jqGrid('setLabel','rn', '序号', {'text-align':'center'},'');
2.增加表头
$("#table_list_2").jqGrid('setGroupHeaders', {
useColSpanStyle: true,
groupHeaders:[
{startColumnName:'开始列', numberOfColumns:表头列数, titleText: '表头名称'},
]
});
3.表数据空白提示
.norecords {
border-width: 2px !important;
display:none;
font-weight: bold;
left: 40%;
margin-top: 20px;
padding: 6px;
position: absolute;
text-align: right;
top: 25%;
width: auto;
z-index: 102;
}
loadComplete: function(){
var re_records = $("#table_list_1").getGridParam('records');
if(re_records == 0 || re_records == null){
if($(".norecords").html() == null){
$("#table_list_1").parent().append("<div class=\"norecords\">信息</div>");
}
$(".norecords").show();
}else{
$(".norecords").hide();
}
}
4.取消“加载中”
loadui : "Disable",
5.单元格内容过长换行或加省略号
/* 自动换行*/
.ui-jqgrid tr.jqgrow td {
white-space: normal !important;
height: auto;
}
/* 过长自动...*/
.ui-jqgrid tr.jqgrow te {
text-overflow: ellipsis;
}