Layui数据表格通过判断行中的字段值来进行数据行样式的改变

项目场景：

用Layui做一个仓库管理项目，需要通过库存状态来进行方便展示该货位是否有货物，所以想做一个行效果。

---

解决方案：

在渲染表格的js中，即table.render({})；中加入done:function()方法。具体代码如下：

 done: function (res, curr, count) {
     var that = this.elem.next();
     res.data.forEach(function (item, index) {
     	if (item.status == 'a') {
        	var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']").css("background-color", "#7FFFD4");
     	} else if (item.status == 'b') {
         	var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']").css("background-color", "#FA8072");
     	}
	});
}

效果如下：

ps:如果想要字体变色的话，可以将.css(“background-color”, “#FA8072”);改为.css(“color”, “#FA8072”);就好了。