el-table表格线
时间: 2023-10-14 08:29:50 浏览: 291
【vue+el-table】表格操作列宽度跟随按钮个数自适应, 方法封装全局使用demo, 开箱即用
要给 `el-table` 表格添加线条,可以使用 `border` 属性。具体来说,可以在 `el-table` 标签上添加 `border` 属性,并设置为 `true`,即可让表格显示线条。如下所示:
```html
<el-table :data="tableData" border>
<!-- 表格内容 -->
</el-table>
```
此外,还可以通过设置 `row-style` 属性来自定义每行的样式,从而实现更加灵活的表格线条效果。如下所示:
```html
<el-table :data="tableData" :row-style="{ borderBottom: '1px solid #eee' }">
<!-- 表格内容 -->
</el-table>
```
在上面的代码中,我们使用了 `row-style` 属性来设置每行的样式,其中 `borderBottom` 属性设置了底部边框为实线,颜色为灰色。这样,每行之间就会显示一条灰色的线条。
阅读全文