vue2 修改el-table修改border颜色
时间: 2023-08-13 09:07:35 浏览: 109
Vue实现背景更换颜色操作
您可以通过以下方式修改`el-table`的边框颜色:
1. 在CSS中设置表格边框颜色,例如:
```css
.el-table__body {
border: 1px solid #f00;
}
```
2. 在`el-table`组件中设置`style`属性,例如:
```html
<el-table :data="tableData" :header-cell-style="{background: '#f5f5f5'}" style="border: 1px solid #f00;">
<el-table-column prop="date" label="日期"></el-table-column>
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="address" label="地址"></el-table-column>
</el-table>
```
其中,`style`属性设置为`border: 1px solid #f00;`表示设置表格边框颜色为红色。
请根据自己的实际需求选择适合的方法来修改`el-table`的边框颜色。
阅读全文