ant design table表格头部固定方法(React)

一、使用场景

在使用table时，当数据量太大的时候可能会需要头部固定(数据滚动时表格的头部固定)

二、代码实现

tsx文件

import { Table } from 'antd';

<Table
  className="xy-table"
  size="small"
/>

样式文件

.xy-table {
  overflow: hidden;
  overflow-y: auto;
   /* 高度需要计算出符合自己需求 */
  height: 500px;
  thead {
    position: sticky;
    top: 0;
    z-index: 1;
  }
}