antd表格根据外部盒子默认滚动数据
时间: 2023-09-27 20:04:41 浏览: 93
antd 表格列宽自适应方法以及错误处理操作
5星 · 资源好评率100%
您可以使用Ant Design中的Table组件的scroll属性来实现表格根据外部容器滚动数据的功能。具体操作如下:
1. 外部容器设置样式overflow: auto;来实现滚动条
2. 在Table组件中设置scroll属性,代码如下:
```jsx
<Table
dataSource={dataSource}
columns={columns}
scroll={{ y: 300 }}
/>
```
其中,scroll属性中的y值表示表格的高度,若表格高度超过外部容器高度,则会自动出现滚动条,实现根据外部容器滚动数据的功能。
阅读全文