React Ant 设计 - 如何将表格设置为 100% 高度

Question

How can I resize and expand the React Ant Design Table to 100% height when the parent container or the browser window are resized too?

Demo: https://codesandbox.io/s/react-ant-design-table-set-100-height-8lkdg

Answer 1

Set minHeight to ant-table-body

.ant-table-body {
  min-height: 500px;
}

Refer to the scroll zone

<Table
  scroll={{ y: 500, x: 500 }}
...