jqGrid为特殊行添加样式

1.应用场景

使用jqGrid表格控件的时候，有时想根据某些筛选条件对部分数据添加不同的样式，以达到区分显示的效果，例如：数据中存在有效数据·、无效数据，想对无效数据添加删除线，特殊颜色等样式，做以区分。

2.关键代码

 (1)在列表加载完成后，对其添加样式，所以在这个方法中进行添加

<span style="font-size:14px;">afterInsertRow: function(rowid, aData){	
	},</span>

  (2)在本例中后台传过来的数据中有一个validind字段表示是否有效，0表示有效，1表示有效，所以在上述方法中选择判断

<span style="font-size:14px;"><strong>if(aData.validind == 0){
	$("#"+rowid).find("td").addClass("highBg");
		}</strong></span>

对满足条件的添加样式，样式写在style标签中，以便页面多个表格都需要这种样式时，方便调用

.ui-jqgrid tr.jqgrow td.highBg{
    color:red;
    text-decoration:line-through;
    }
因为有些样式存在优先级问题，所以用选择器进行精确定位，保证样式的有效

效果图如下