antdesign表格如何给固高
时间: 2023-08-10 07:08:19 浏览: 70
您好!要给 ant design 的表格设置固定高度,可以通过设置表格的 `scroll` 属性来实现。下面是一个示例代码:
```jsx
import { Table } from 'antd';
const dataSource = [
{
key: '1',
name: 'John Brown',
age: 32,
address: 'New York No. 1 Lake Park',
},
{
key: '2',
name: 'Jim Green',
age: 42,
address: 'London No. 1 Lake Park',
},
{
key: '3',
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park',
},
];
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
},
{
title: 'Address',
dataIndex: 'address',
key: 'address',
},
];
const TableExample = () => {
return (
<Table
dataSource={dataSource}
columns={columns}
scroll={{ y: 240 }} // 设置固定高度
/>
);
};
export default TableExample;
```
在上面的代码中,我们通过 `scroll={{ y: 240 }}` 将表格的高度设置为 240 像素,这样即可实现固定高度的效果。
阅读全文