layui table当某列值超过2时设置整行字体颜色
时间: 2023-10-05 22:04:22 浏览: 88
您可以使用 layui table 的 done 回调函数来实现该功能。在 done 回调函数中,可以遍历表格中的每一行,判断某一列的值是否超过2,如果超过则设置整行的字体颜色。
示例代码如下:
```
table.render({
elem: '#demo',
cols: [[ // 表头
{field: 'name', title: '姓名'},
{field: 'age', title: '年龄'},
{field: 'score', title: '分数'}
]],
data: [{
name: '张三',
age: 18,
score: 3
},{
name: '李四',
age: 20,
score: 2
},{
name: '王五',
age: 22,
score: 4
}],
done: function(res, curr, count){
// 遍历表格中的每一行
var trs = layui.$('#demo').next('.layui-table-view').find('tbody tr');
trs.each(function(i, item){
var score = parseFloat(layui.$(item).find('td[data-field="score"]').text()); // 获取该行的分数值
if(score > 2){
layui.$(item).css('color', 'red'); // 设置整行的字体颜色为红色
}
});
}
});
```
在上述示例代码中,我们假设表格的 id 为 demo,分数列的字段名为 score。在 done 回调函数中,我们使用 jQuery 的 each 方法遍历表格中的每一行,获取该行的分数值并判断是否大于 2,如果大于 2 则设置整行的字体颜色为红色。
阅读全文