antdesign 嵌套子表格fixed

Ant Design 的嵌套子表格（Nested Table）是指在一个表格组件内展示另一个表格的数据结构。当涉及到固定列（`fixed`）时，你可以设置父表头（`parentHeader`）的 `onCell` 属性，通过这个属性来控制子表格的内容区域如何响应滚动。固定列功能通常用于需要保持某些列始终可见的场景，比如表头或侧边导航。

要实现在 Ant Design 中嵌套子表格并让某个列固定，可以按照以下步骤操作：

1. 首先，创建一个父表格组件，它包含子表格的引用和列配置，包括你想固定的列的索引。

import { Table, Column } from 'antd';
import { List } from 'antd';

const ParentTable = () => {
  const columns = [
    // 父表头列
    ...otherColumns,
    {
      title: '子表格',
      dataIndex: 'childData', // 子表格数据字段
      render: (text) => (
        <List dataSource={text} renderItem={({ item })}>
          {/* 子表格内容 */}
          <Table fixed>
            {/* 子表格列配置 */}
          </Table>
        </List>
      ),
      onCell: ({ record }) => ({
        children: [{ fixed: 'left' }] // 设置子表格左侧固定列
      }),
    },
  ];

  return <Table columns={columns} />;
};

2. 在子表格中，你需要提供数据源，并配置列（可能包括固定列）。

注意，这里的 `fixed` 可能会有一些局限性，因为 `List` 并不是直接支持 `fixed` 属性。如果你需要更精确的控制，可能需要使用第三方库或者其他方法调整样式。