antd Table設置固定高度

antd 的 table 高度是根據數據條數來渲染撐高的。

碰到領導要求，table有個固定高度，因為數據只有一兩條的時候界面難看。然后在antd的https://github.com/ant-design/ant-design/issues?utf8=%E2%9C%93&q=table+scroll 上搜索了都沒有找到合適的。就自己整了騷操作。

修改樣式。

給.ant-table設置最低高度。

  .ant-table {
    min-height: 352px !important;
  }

 

當表格數據為空時，修改.ant-empty-normal樣式，會撐高空白樣式

  .ant-empty-normal {
    margin: 140px 0 !important;
  }

當然這是為了解決問題而解決問題的辦法。