Antd Deign Pro的ProTable 冻结多列

Ant Design Pro中的ProTable是一个强大的表格组件，它基于Ant Design的设计理念并扩展了表格的功能。其中，冻结多列（Frozen Columns）功能允许你在滚动表格内容时，保持表头或者其他特定列固定不动，提供更好的数据浏览体验。用户可以设置哪些列应该被冻结，这对于展示数据的上下文信息或关键字段尤其有用。

在ProTable中，冻结多列可以通过配置proColumns属性来实现。这个属性通常是一个数组，每个元素都包含column属性，你可以通过指定`fixed`选项为`left`或`right`来标记哪一列应被冻结。例如：

import { ProTable } from '@ant-design/pro-table';

const frozenColumns = [
  {
    title: '标题1',
    dataIndex: 'data1',
    fixed: 'left', // 或者 'right'
  },
  ...其他非冻结列,
];

const columns = [
  {
    ...frozenColumns[0], // 如果你想复用冻结列的配置
    ...otherConfig, // 其他列的配置
  },
  ...nonFrozenColumns,
];

<ProTable
  frozenColumns={frozenColumns}
  columns={columns}
  data={yourData}
/>