layui 设置table单元格背景色

我想要实现这样的效果：

根据不同的评价内容设置不同的背景色。

在done回调函数中写如下代码：

done: function (res, curr, count) {res.data.forEach(function (item, index) {if (item.Estimate == 0)$('div[lay-id="quality"]').find('tr[data-index="' + index + '"]').find('td[data-field="Estimate"]').css('background-color', '#FF5722');else$('div[lay-id="quality"]').find('tr[data-index="' + index + '"]').find('td[data-field="Estimate"]').css('background-color', '#009688');});}

其实做法很简单，就是利用done给的res参数，res是表数据，每一行都有一个参数index表示具体的行数。这个行数在html代码中是由自定义属性 lay-index代表着。
我们首先通过 “item.参数名” 判断参数的状态，在使用jquery选择器找到单元格并设置颜色。

layui 设置table单元格背景色相关推荐

poi设置excel单元格背景色
poi任意设置excel单元格背景色 Cell cell = sheet.createRow(0).createCell(0); XSSFCellStyle cellStyle = (XSSFCell ...
设置Excel单元格背景色（setFillForegroundColor)
POI 设置Excel单元格背景色(setFillForegroundColor) 背景介绍: 使用Java开发信息系统项目,项目中往往会涉及到报表管理部分,而Excel表格首当其冲称为最合适的选择, ...
POI 设置Excel单元格背景色
POI 设置Excel单元格背景色前言一.冲~~~ 1.代码实现 2.颜色对应 3.填充对应总结前言 POI 设置单元格背景颜色一.冲~~~ 1.代码实现注: 本人用的是目前最新的依赖 4 ...
java excel单元格背景色_POI 设置Excel单元格背景色（setFillForegroundColor)
背景介绍: 使用Java开发信息系统项目,项目中往往会涉及到报表管理部分,而Excel表格首当其冲称为最合适的选择,但是对单元格操作时对于设置单元格的背景颜色却很少提及,本文旨在方便单元格背景颜色设计 ...
Aspose Cell设置Excel单元格背景色
var s = ws.Cells[7, 1].GetStyle(); s.ForegroundColor = Color.Cyan; s.Pattern = BackgroundType.Solid; ...
设置Table单元格颜色（Table篇三）
组件:Y_XIAO_03 视图:V_MAIN 窗口:W_MAIN Application:Y_XIAO_03 创建组件. 创建节点. 参考类型(重要字段:CELL_COLOR TYPE WDUI_TA ...
layui table设置表格单元格换行，固定列高度改变
layui table设置表格单元格换行 css /** 控制表格单元格换行 **/ .layui-table-cell {height: auto;word-break: normal;displa ...
CSS设置表格行列,给bootstrap table设置行列单元格样式
1.根据单元格或者行内其他单元格的内容,给该单元格设置一定的css样式 columns: [{ field: 'index', title: '序号', align:"center" ...
sheetJs+xlsx-style——前端实现导出excel表格——设置单元格背景色，居中，自动换行，宽度，百分数展示等
之前写过一篇博客,是关于elementUi-table组件+xlsx插件实现导出--sheetJs的,之前实现的功能有: 根据dom获取内容创建工作簿调整单元格的宽度实现百分数的展示插入到工作 ...

layui 设置table单元格背景色

layui 设置table单元格背景色相关推荐

最新文章

热门文章