layui根据条件显示列_layui table 根据条件改变更换表格颜色 高亮显示 数据筛选...

请问想让当layui表格的某个字段符合某个条件的时候，让该行变颜色。这样可以实现么。

layui数据表格怎么更换表格颜色

layui表格 通过判断某一行中的某一列的值进行设置这一行的颜色

LayUI之table数据表格获取行、行高亮等相关操作

能够根据相关条件进行数据筛选、进行高亮显示

对符合条件的行进行高亮显示

, done: function (res, curr, count) {// 表格渲染完成之后的回调

// $(".layui-table th").css("font-weight", "bold");// 设定表格标题字体加粗

LayUIDataTable.SetJqueryObj($);// 第一步：设置jQuery对象

var currentRowDataList = LayUIDataTable.ParseDataTable(function (index, currentData, rowData) {

})

LayUIDataTable.HideField('mk2');// 隐藏列-单列模式

// 对相关数据进行判断处理--此处对mk2大于30的进行高亮显示

$.each(currentRowDataList, function (index, obj) {

if (obj['mk2'] && obj['mk2'].value == '1') {

obj['mk2'].row.css({"background-color": "#009966", 'color': '#99CCCC'});

}

if (obj['mk2'] && obj['mk2'].value == '2') {

obj['mk2'].row.css({"background-color": "#F7B940", 'color': '#CCFFFF'});

}

})

}// end done

所用的库

新建JavaScript文件，例如新建一个《DataTableExtend.js》的文件，代码如下：

var LayUIDataTable = (function () {

var rowData = {};

var $;

function checkJquery () {

if (!$) {

console.log("未获取jquery对象，请检查是否在调用ConvertDataTable方法之前调用SetJqueryObj进行设置！")

re