一、使用场景

在使用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;
  }
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐