el-table 给子级结构添加背景色
时间: 2024-01-20 12:02:30 浏览: 262
el-table-infinite-scroll:El-Table无限滚动
5星 · 资源好评率100%
要给el-table的子级结构添加背景色,你可以使用以下方法:
1. 使用scoped样式表:
```html
<style rel="stylesheet/scss" lang="scss" scoped>
.el-table >>> .warning-row {
background-color: #f5f7fa;
}
</style>
```
这样,当子级行具有`warning-row`类时,它们的背景色将变为`#f5f7fa`。
2. 使用tableRowClassName方法:
```javascript
check(row) {
this.currentId = row.id;
},
tableRowClassName({ row }) {
let className = '';
if (row.id === this.currentId) {
className = 'current-row';
}
return className;
}
```
在el-table中,你可以使用`tableRowClassName`方法来为子级行添加背景色。在这个方法中,你可以根据需要设置不同的类名,然后在样式表中定义这些类的样式。
阅读全文