antd中如何高Table铺满Card
时间: 2023-06-27 08:08:09 浏览: 311
在antd Table中插入可编辑的单元格实例
在 Ant Design 的 Card 中嵌套 Table,可以使用以下 CSS 样式来实现 Table 铺满 Card:
```css
.ant-card-body {
padding: 0;
}
.ant-table {
margin: 0;
}
.ant-table-body {
overflow-x: auto;
}
.ant-table-bordered .ant-table-cell {
border-right-width: 1px;
}
```
其中,`.ant-card-body` 的 padding 设置为 0,`.ant-table` 的 margin 设置为 0,通过给 `.ant-table-body` 设置 `overflow-x: auto;` 来实现 Table 横向滚动,`.ant-table-bordered .ant-table-cell` 的 `border-right-width` 设置为 1px,以修复 Table 右侧边框的问题。
阅读全文