如何给el-table表格的指定单元格设置颜色_el-table 单元格颜色

作者：码创造者 | 2024-07-11 14:58:48

踩

el-table 单元格颜色

一、需求及效果图

最近的项目中，遇到给表格中指定单元格设置字体颜色，使用的是el-table做的，控制单元格字体颜色，每一行的最大值设置成绿色，最小值设置成红色，效果如下：

二、方法及代码

使用的是控件内的 cell-style 方法，方法详见element-ui，代码如下：


<!-- HTML代码 -->
<el-table
    :data="populationComparisonTableData"
    border
    width= '952'
    :cell-style="cellStyle"
    v-loading="tableLoading"
    style="width: 100%">
    <el-table-column
        v-for="(item,index) in tableHeadArr"

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/码创造者/article/detail/810677