antd table 设置表格自动滚动,不需要分页器
在Ant Design的Table组件中,如果你想让表格自动滚动,而不需要分页器,你可以使用scroll
属性来设置滚动行为。以下是一个简单的例子,展示如何设置表格自动滚动:
import React from 'react';
import { Table } from 'antd';
const data = []; // 假设这里是你的数据数组
for (let i = 0; i < 100; i++) { // 生成示例数据
data.push({
key: i.toString(),
name: `Example ${i}`,
age: i * 2,
address: `Address ${i}`,
});
}
const Example = () => (
<Table
columns={columns} // 你的列定义
dataSource={data} // 你的数据数组
scroll={{ y: 300 }} // 设置y轴滚动高度为300px
pagination={false} // 不显示分页器
/>
);
export default Example;
在这个例子中,scroll.y
设置为300px,这意味着表格的内容将会在垂直方向上自动滚动,而不是通过分页器来查看更多数据。请确保你的数据量足够大,以便滚动效果明显。如果你想让表格水平滚动,可以使用scroll.x
属性。
评论已关闭