layui table表格中某一列的背景色与字体颜色
时间: 2024-02-17 09:03:43 浏览: 186
layui table设置某一行的字体颜色方法
要在Layui表格中设置某一列的背景色和字体颜色,可以使用Layui的数据渲染功能,结合自定义模板来实现。首先需要在表格中定义一个字段来表示该列的数据,例如:
```javascript
{field: 'score', title: '分数'}
```
然后可以在自定义模板中根据分数来设置背景色和字体颜色,例如:
```javascript
{field: 'score', title: '分数', templet: function(d){
var color = '';
var background = '';
if(d.score >= 90){
color = '#fff';
background = 'green';
} else if(d.score >= 80 && d.score < 90){
color = '#fff';
background = 'orange';
} else {
color = '#333';
background = '';
}
return '<div style="color:' + color + ';background:' + background + '">' + d.score + '</div>';
}}
```
这样就可以根据分数来设置该列的背景色和字体颜色了。在上面的例子中,分数大于等于90分的单元格背景色为绿色,字体颜色为白色;分数在80到90分之间的单元格背景色为橙色,字体颜色为白色;分数小于80分的单元格背景色为默认颜色(即透明),字体颜色为黑色。
阅读全文