Element UI表格布局并显示边框
时间: 2024-09-02 09:01:19 浏览: 123
Vue+element-ui 实现表格的分页功能示例
在Element UI中,要让表格(`el-table`)显示边框,你需要在组件的样式或者全局CSS中设置相应的样式规则。默认情况下,Element UI并没有开启所有元素的边框,但你可以通过CSS选择器来改变表格的外观。
如果你想要更改每个单元格的边框,可以在`.el-table__cell`选择器下添加边框样式,例如:
```css
.el-table__cell {
border: 1px solid #ccc; /* 可以自定义颜色和宽度 */
}
```
如果要给整个表格添加边框,可以使用`.el-table`选择器,示例如下:
```css
.el-table {
border-collapse: collapse;
border: 1px solid #ccc;
}
```
这里的`border-collapse`属性可以帮助合并相邻单元格的边框,使其看起来更整洁。
阅读全文