antd 设置表头属性_excel：斜线表头的制作方法，并且拖拽也不变形，值得收藏...

要创建斜线表头，可以使用 `colSpan` 和 `rowSpan` 属性来合并单元格。以下是示例代码：

import React from "react";
import { Table } from "antd";

const columns = [
  {
    title: "A / B",
    children: [
      {
        title: "A",
        dataIndex: "a"
      },
      {
        title: "B",
        dataIndex: "b"
      }
    ]
  },
  {
    title: "C / D",
    children: [
      {
        title: "C",
        dataIndex: "c"
      },
      {
        title: "D",
        dataIndex: "d"
      }
    ]
  }
];

const data = [
  {
    key: "1",
    a: "1",
    b: "2",
    c: "3",
    d: "4"
  },
  {
    key: "2",
    a: "5",
    b: "6",
    c: "7",
    d: "8"
  }
];

const App = () => {
  return <Table columns={columns} dataSource={data} bordered />;
};

export default App;

在表头中，我们使用了 `children` 属性来创建表头分组。对于每个分组，我们使用 `colSpan` 属性来设置每个单元格所占的列数，从而创建斜线表头。在数据列中，我们只需要添加相应的数据即可。

此外，如果你想让表格可以拖拽而不变形，可以使用 `resizable` 属性来启用列宽调整功能。例如：

<Table columns={columns} dataSource={data} bordered resizable />;

希望这个方法能够满足你的需求！