el-table不要边框
时间: 2023-07-06 08:43:21 浏览: 79
可以通过设置`border`属性为`false`来去掉`el-table`的边框,示例如下:
```html
<el-table :data="tableData" :border="false">
<el-table-column prop="name" label="姓名"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
```
相关问题
el-table 不要边框
要移除el-table的边框,您可以使用以下CSS样式:
```css
.el-table__body, .el-table__header-wrapper {
border: none !important;
}
```
将这个样式应用到您的页面或组件,并且确保它在el-table样式之后加载,这样就能够移除el-table的边框。
el-table加边框
el-table加边框需要设置border属性,但是默认情况下只有表头和外边框添加了边框属性,单元格没有纵向边框的显示。如果想要单元格也显示边框,可以通过以下两种方法实现:
方法一:使用CSS样式设置单元格边框
```css
.el-table td, .el-table th {
border: 1px solid #dcdfe6;
}
```
方法二:使用element-ui提供的border属性
```html
<el-table :data="tableData" 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>
```
以上两种方法都可以实现el-table单元格的边框显示,具体选择哪种方法可以根据实际情况进行选择。
阅读全文