首页 > 解决方案 > 如何使用表格数据自定义 React Antd 表头?

问题描述

我想要这样的客户标题表:  

在此处输入图像描述

标签: reactjsantd

解决方案


合并单元格如下:

const columns = [
  {
    // title: "Title",
    colSpan: 1,
    // dataIndex: "tel",
    render: (value, row, index) => {
      const obj = {
        children: value,
        props: {}
      };
      if (index === 0) {
        obj.props.rowSpan = 0;
      }
      if (index === 1) {
        obj.props.rowSpan = 0; // merge here
      }
      return obj;
    }
  }
];

参考: components-table-demo-colspan-rowspan的ant文档


推荐阅读