naiveUi table中columns 一列拆成两个子列

在Naive UI表格组件(NaiveTable)中，如果你想要将`columns`列拆分成两个独立的子列，通常的做法是调整列配置。Naive UI的`columns`属性是一个数组，每个元素表示一个列，包含字段名、标题、类型等信息。

假设你有一个原始的列配置，例如：

const columns = [
  {
    title: '名称',
    dataIndex: 'name',
    key: 'name'
  },
  {
    title: '详细信息',
    dataIndex: 'detailInfo',
    key: 'detailInfo'
  }
];

要将其拆分为两个子列，你可以创建两个新的对象，分别对应你要拆分的部分：

// 新增一个标题为'基本信息'的子列
const basicColumns = [
  { title: '名称', dataIndex: 'name', key: 'name' },
];

// 新增一个标题为'详细信息'的子列
const detailColumns = [
  { title: '详细信息', dataIndex: 'detailInfo', key: 'detailInfo' },
];

// 合并成新的columns数组
const newColumns = [...basicColumns, ...detailColumns];

现在`newColumns`数组包含了两个独立的子列。在`NaiveTable`组件的`columns`属性中设置这个新数组即可。