设置el-table的border颜色
时间: 2023-08-15 10:04:21 浏览: 2527
【JavaScript源代码】vue 使用 sortable 实现 el-table 拖拽排序功能.docx
要设置`el-table`的边框颜色,你可以在`<el-table>`标签中使用`border`属性来设置边框的颜色值。例如,你可以这样设置:
```html
<el-table :data="tableData" border style="border-color: #ccc;">
<!-- 表格列 -->
</el-table>
```
在上面的代码中,我们给`<el-table>`标签添加了`border`属性,并且在`style`中设置了边框的颜色为`#ccc`。这样就可以将表格的边框颜色设置为灰色了。
另外,你也可以在全局样式中设置`el-table`的边框颜色,这样所有的`el-table`都会应用这个样式:
```css
.el-table__body, .el-table__header {
border-color: #ccc;
}
```
这样设置后,所有的表格的边框颜色都会变成灰色。
阅读全文