Ant Design Pro 表格列配置详解 - columns 参数配置指南 - 常规

Ant Design Pro 的 columns 配置用于定义表格的列，它是一个数组，每个元素代表一个列的配置项。

一个典型的列配置如下所示：

[
  {
    title: \"列标题\",  // 列标题
    dataIndex: \"字段名\",  // 数据字段名，用于与数据源中的字段进行映射
    key: \"唯一键\",  // 列的唯一键
    render: (text, record) => {
      // 自定义渲染函数，可以根据需要返回自定义的内容
      return <span>{text}</span>
    },
    width: 100,  // 列宽度
    align: \"center\",  // 列对齐方式，可选值为 \"left\"、\"right\"、\"center\"
    sorter: (a, b) => a - b,  // 排序函数，用于设置列的排序规则
    filters: [  // 列的筛选项
      { text: \"选项1\", value: \"1\" },
      { text: \"选项2\", value: \"2\" },
    ],
    filteredValue: [\"1\"],  // 当前筛选的值
    onFilter: (value, record) => record.字段名 === value,  // 筛选函数，用于设置列的筛选规则
  },
  //...
]

其中，title、dataIndex和key是必须的配置项，其他配置项根据需要进行设置。

更多关于 columns 配置的详细信息，请参考 Ant Design Pro 的官方文档：https://pro.ant.design/components/table-cn/#columns