1、表格嵌套input框
//表格加:cell-class-name
<el-table :cell-class-name="tableAddClass"></el-table>
//方法
tableAddClass({row, column, rowIndex, columnIndex}) {
if (row.return) {
//row.return为判断条件
return 'red-row';
}
return '';
},
//样式
.el-table ::v-deep .red-row .el-input__inner{
color: #F6483E !important;
}
.el-table ::v-deep .red-row .el-input-group__append{
color: #F6483E !important;
}
2、修改表格背景色
//表格加:row-class-name
<el-table :row-class-name="tableRowClassName"></el-table>
//方法
tableAddClass({row, column, rowIndex, columnIndex}) {
if (row.return) {
//row.return为判断条件
return 'red-row';
}
return '';
},
//样式
/deep/.el-table .warning-row {
background: #F6483E !important;
}