layui 之动态改变表格中单元格的背景色

处理之前：

处理之后：

核心代码：

done:function (res, page, count) {var that = this.elem.next();res.data.forEach(function (item,index) {debuggervar tr = that.find("[data-index=" + index + "]").children();tr.each(function () {var b = $(this).text();单元格中的内容if (b.indexOf("qq.com") != -1) {$(this).css("background-color", "#FFD700");//单元格背景颜色$(this).css("color", "#ff241c");//单元格字体颜色}else if (b.indexOf("1") != -1) {$(this).css("background-color", "#405eff");//单元格背景颜色$(this).css("color", "#45ff2a");//单元格字体颜色}else {$(this).css("background-color", "#fffefd");//单元格背景颜色$(this).css("color", "#45ff2a");//单元格字体颜色}})})
},

自己根据单元格中的内容再结合if语句，就可以动态的改变单元格的背景颜色了

layui 之动态改变表格中单元格的背景色相关推荐

Pyqt5 在表格中单元格设置下拉框，并根据选项改变背景颜色
关于怎么在表格中单元格设置下拉框,并根据选项改变背景颜色 def table_combox_init(self):combox_statePlm_jria_list = ['', '无', 'O', ...
border-collapse:collapse;清除表格中单元格的空隙
border-collapse:collapse;清除表格中单元格的空隙转载于:https://www.cnblogs.com/lengv10/p/3718613.html
EduCoder-Web程序设计基础-html5-表格基本结构-第4关：表格中单元格样式的设置
目录任务描述相关知识编程要求测试说明代码示例任务描述本关任务:编写一个两行两列的表格网页,表格中的单元格样式进行设置.效果如下图所示: 表格效果3 相关知识为了完成本关任务,你需要掌握 ...
python合并word表格单元格_合并Word 表格中单元格
//合并Word 表格中单元格 procedure mergeWordCell; var WordApp: TWordApplication; WordDoc: TWordDocument; DocI ...
excel表格中单元格里面有个斜杠怎么写字？
在使用excel时可能会遇到表头区域单元格中有条斜杠,这种表格要怎么写字呢?下面小编就给大家带来excel表格中单元格里面有个斜杠要如何写字的教程. excel表格中单元格里面有个斜杠怎么写字? 1. ...
Aspose.Words for .NET使用表格教程之水平和垂直合并表格中单元格
Aspose.Words For .Net是一种高级Word文档处理API,用于执行各种文档管理和操作任务.API支持生成,修改,转换,呈现和打印文档,而无需在跨平台应用程序中直接使用Microsof ...
php 中如何设置单元格跨行,HTML表格中单元格跨行跨列
HTML表格中单元格跨行跨列对于标准的表格,每一行的单元格数量是一样的.但在实际使用中,经常会遇到跨行跨列的表格,这个时候,每一行的数量就不一样了. 一.定义所谓"跨行",是 ...
EXCEL表格中单元格的左上角的绿颜色小三角形怎么添加？怎么消除？
EXCEL表格中单元格的左上角绿颜色的小三角形: 因为EXCEL有个自动检查错误的功能,出现绿色小三角是在提示用户:这里的单元格和周围的单元格存储的形式不一样,一般周围的是用数据形式存储的而带上绿色小 ...
解决word表格中单元格自动计算的问题
word表格中单元格自动计算的问题 word中有一个表格,某一列需要累加求和,网上有关于左边所有列求和的方法,和单列求和方法,但是没有左边累加求和的方法红色标记列是要累加求和,也就是需要计算左边那一 ...

layui 之动态改变表格中单元格的背景色

layui 之动态改变表格中单元格的背景色相关推荐

最新文章

热门文章