vue2 修改el-table表头样式后border样式消失了怎么办
时间: 2023-08-13 22:09:07 浏览: 259
vue3 el-table多级表头收缩扩展的实现(JS原味版)
如果您在修改`el-table`表头样式后发现边框样式消失了,可以通过以下方法来解决:
1. 在CSS中设置表格边框样式,例如:
```css
.el-table__body {
border: 1px solid #ebeef5;
}
```
2. 在`el-table`组件中设置`border`属性,例如:
```html
<el-table :data="tableData" :header-cell-style="{background: '#f5f5f5'}" border>
<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>
```
其中,`border`属性设置为`true`表示显示表格边框。
请根据自己的实际需求选择适合的方法来解决表头样式和边框样式的问题。
阅读全文