ant design vue 去掉table标题的边框
时间: 2023-08-03 07:05:03 浏览: 310
ant-design-vue-1.4.6.zip
可以通过设置表格的样式来去掉表格标题的边框,具体步骤如下:
1. 在表格组件中设置 `show-header` 属性为 `false`,这样就可以隐藏表格的标题。
2. 使用 CSS 样式来去掉表格的边框,可以在全局样式中添加如下代码:
```css
.ant-table .ant-table-tbody > tr > td {
border-top: none;
}
```
这样就可以去掉表格中每一行的顶部边框。
如果还想去掉表格中每一列的边框,可以再添加如下代码:
```css
.ant-table .ant-table-tbody > tr > td:first-child {
border-left: none;
}
.ant-table .ant-table-tbody > tr > td:last-child {
border-right: none;
}
```
这样就可以去掉表格中每一列的左边框和右边框了。
阅读全文