antd 表格自适应高度

33 阅读1分钟
import React, { useEffect, useRef, useState } from 'react';
import {useSize } from 'ahooks';


const ref = useRef(null);
const [tableY, setTableY] = useState(0);
const size = useSize(ref);
  useEffect(() => {
    // 获取视口高度 
    const viewportHeight = window.innerHeight;
    setTableY(viewportHeight - 215)

  }, [size]);



 <div ref={ref}>
 <Table columns={columns} dataSource={data} pagination={false} scroll={{ y: tableY }} />
</div>