.el-table{ border: 1px solid red; } .el-table td, .el-table th{ border: 1px solid red; }这样修改 表格中间并的线框并没有颜色
时间: 2023-12-01 22:20:55 浏览: 93
dw改变表格边框颜色.pdf
确实,如果只设置表格的边框样式,表格中间的线框并不会受到影响。要修改表格中间的线框颜色,可以在表格的 `row-style` 属性中设置样式,在每一行的样式中设置边框颜色,例如:
```html
<el-table :data="tableData" :row-style="rowStyle">
<!-- 表格列 -->
</el-table>
```
```javascript
data() {
return {
tableData: [
// 表格数据
]
}
},
methods: {
rowStyle() {
return 'border: 1px solid red;'
}
}
```
这样就可以将表格中间的线框颜色也修改为红色。如果需要将表头的线框颜色也修改为红色,可以在表格的 `header-row-style` 属性中设置样式,例如:
```html
<el-table :data="tableData" :row-style="rowStyle" :header-row-style="headerRowStyle">
<!-- 表格列 -->
</el-table>
```
```javascript
data() {
return {
tableData: [
// 表格数据
]
}
},
methods: {
rowStyle() {
return 'border: 1px solid red;'
},
headerRowStyle() {
return 'border: 1px solid red;'
}
}
```
这样就可以将表头的线框颜色也修改为红色。
阅读全文