vue根据要求改变表格某列数据的style
表格table上加入属性
:cell-style="setRowStyle"
方法中有几种参数:
* row为某一行的除操作外的全部数据
* column为某一列的属性
* rowIndex为某一行(从0开始数起)
* columnIndex为某一列(从0开始数起)
方法:
setRowStyle ({ row, column, rowIndex, columnIndex }) {
// 状态列字体颜色
if (row.grossProfit <0 && columnIndex === 48) {
return 'color: red'
}
}
if里可根据条件进行判断
最终效果: