antd table sticky

Ant Design的表格组件(Table)支持sticky属性来实现表头在滚动时固定的效果。

你可以在Table组件中添加`scroll`属性来启用滚动，然后在`columns`中定义表头，并给某些列添加`fixed`属性来使其固定不动。同时，给Table组件添加`sticky={true}`属性来启用sticky特性，这将使得表头在滚动时保持固定。

例如：

import { Table } from 'antd';

const dataSource = [
  // 数据源
];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
    fixed: 'left', // 左侧固定
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age',
    fixed: 'left', // 左侧固定
  },
  {
    title: '地址',
    dataIndex: 'address',
    key: 'address',
  },
  // 其他列...
];

const MyTable = () => {
  return (
    <Table
      dataSource={dataSource}
      columns={columns}
      scroll={{ x: 1300, y: 300 }} // x是表格宽度，y是表格高度
      sticky={true}
    />
  );
};

这样，当表格内容超出了可视区域时，表头会保持固定，不会跟随滚动而移动。