el-table单元格字体颜色
时间: 2023-05-31 22:06:15 浏览: 182
element ui el-table 动态改变 单元格 的颜色.txt
可以通过设置 el-table-column 的 formatter 属性来自定义单元格内容的展示,进而控制单元格字体颜色。
例如,可以在 formatter 中返回一个带有样式的字符串:
```html
<el-table-column prop="name" label="姓名">
<template slot-scope="{ row }">
<span :style="{ color: row.score >= 60 ? 'green' : 'red' }">{{ row.name }}</span>
</template>
</el-table-column>
```
以上代码中,当该行数据的 score 大于等于 60 时,字体颜色为绿色,否则为红色。可以根据实际需求自行调整。
阅读全文