如何让Ant ＜a-table＞的高度自适应屏幕的高度/（table内容滚动条)
warning:
这篇文章距离上次修改已过191天，其中的内容可能已经有所变动。
在Ant Design的<Table>组件中，要让表格的高度自适应屏幕的高度，并且存在滚动条，你可以使用maxHeight属性来设置表格的最大高度。这样，表格的内容超出屏幕高度时，会出现垂直滚动条。
下面是一个简单的例子，展示如何使用maxHeight属性：
import React from 'react';
import { Table } from 'antd';
import 'antd/dist/antd.css';
const data = []; // 假设这里是你的数据
const columns = []; // 假设这里是你的列定义
const App = () => (
<Table
columns={columns}
dataSource={data}
maxHeight={window.innerHeight - 100} // 假设顶部有100px其他内容，减去这部分高度
scroll={{ y: true }} // 开启垂直滚动
/>
);
export default App;在这个例子中，maxHeight被设置为窗口的高度减去100px，这样表格的高度就会自适应屏幕的剩余高度。当内容超出这个高度时，表格会出现垂直滚动条。
注意：你可能需要在组件挂载后或者窗口大小改变时更新maxHeight的值，以确保表格高度能正确适应。
评论已关闭