多层级列头

基础用法

headerData数据对象中,列头增加children,即可实现多级列头

headerData数据示例:

[
  {
    id: 100,
    width: "55",
    type: "selection",
  },
  {
    id: 100,
    label: "日期",
    prop: "date",
    width: "150",
  },
  {
    id: 200,
    label: "配送信息",
    prop: "",
    children: [
      {
        id: 210,
        label: "姓名",
        prop: "name",
        width: "120",
      },
      {
        id: 200,
        label: "地址",
        prop: "",
        children: [
          {
            id: 210,
            label: "省份",
            prop: "province",
            width: "120",

          },
          {
            id: 220,
            label: "城市",
            prop: "city",
            width: "120",
          },
          {
            id: 230,
            label: "详细地址",
            prop: "address",
            width: "300",
          },
          {
            id: 240,
            label: "邮编",
            prop: "zip",
            width: "120",
          },
        ],
      },
    ],
  },

]

效果

图片multiLevelHeader

Last Updated:
Contributors: wangyifan