elementui表格没有边框
时间: 2023-09-03 08:08:20 浏览: 89
如果你在使用 ElementUI 表格时没有看到边框,可以通过设置 `border` 属性来添加边框。
例如,你可以在表格组件中添加 `border` 属性:
```html
<el-table :data="tableData" border>
<!-- 表格列 -->
</el-table>
```
如果你想自定义边框样式,你可以使用 CSS 样式来定义表格边框:
```css
.el-table__body {
border: 1px solid #ebeef5;
}
```
以上代码将表格主体区域的边框颜色设置为 `#ebeef5`,边框宽度为 1 像素。你可以根据需要调整样式。
相关问题
elementui表格两边边框
ElementUI表格的两边边框问题可以通过给表格添加背景色来解决。在.el-table的样式中添加background-color属性,并设置一个合适的颜色值,可以将边框问题在视觉效果上隐藏起来。这种方法并不适用于其他项目,只是一种个人的解决办法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [ElementUI中table边框去掉之后左右两侧存在残留问题](https://blog.csdn.net/weixin_43972992/article/details/120745360)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
elementui表格如何去边框
您可以通过设置表格的border属性为false来去除elementui表格的边框,具体代码如下:
<el-table :data="tableData" :border="false">
<!-- 表格列定义 -->
</el-table>
阅读全文