解决el-tabel把单个单元格的根据判断变为红色
<div class="table">
<el-table :data="thList1" border :cell-style="cellStyle">
<!-- 表格列定义 -->
<el-table-column label="序号" width="80%">
<template slot-scope="scope">
<div @click="deleterow(scope.row.id)">{{ scope.row.id }}</div>
</template>
</el-table-column>
<el-table-column prop="createDateTime" label="时间" width="175px"></el-table-column>
<el-table-column prop="batchID" label="批号" width="100px"></el-table-column>
<el-table-column prop="type" label="类型" width="77px"></el-table-column>
....省略
</el-table>
</div>
在el-table设置一个:cell-style=“方法名”,然后在methods: 定义方法
cellStyle({ row, column, rowIndex, columnIndex }) {
// 状态列字体颜色
// 左翘脚
if (row.zuoQJ_State == 0 && columnIndex == 6 ||
row.youQJ_State == 0 && columnIndex == 7 ||
row.tanCheng_State == 0 && columnIndex == 8
...此处省略) {
return 'color:red'
} else {
return 'color: whith'
}
},
row是当前列的值,columnIndex是当前列的下标,根据当前遍历的值和当前列的下表做判断,效果图如下
在这里插入图片描述
前端小白,自用,勿喷