Kendo ui 剑道ui网格组头的子组头

Kendo ui 剑道ui网格组头的子组头,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我正试图对数据进行相应的分组 Department A(Group) Class 1(Sub Group) Morning Afternoon Evening Class 2(Sub Group) Morning Afternoon Evening Department B(Group) 剑道ui网格分组中的任何可能性…是的,这在剑道ui网格中是可能的。以下是一些示例代码: $("#

我正试图对数据进行相应的分组

Department A(Group)
    Class 1(Sub Group)
        Morning
        Afternoon
        Evening
    Class 2(Sub Group)
        Morning
        Afternoon
        Evening
Department B(Group)

剑道ui网格分组中的任何可能性…

是的,这在剑道ui网格中是可能的。以下是一些示例代码:

$("#grid").kendoGrid({
  dataSource: {
    data: [ { 
      department: "A",
      "class": 1,
      type: "Evening"
    },{ 
      department: "A",
      "class": 2,
      type: "Morning"
    }, { 
      department: "B",
      "class": 1,
      type: "Evening"
    }, { 
      department: "B",
      "class": 2,
      type: "Morning"
    }],
    // group by "department" and "class"
    group: [ { field: "department" }, { field: "class" } ] 
  },
  columns: [ { field: "type" } ]
});

还有一个现场演示:

是的,这在剑道UI网格中是可能的。以下是一些示例代码:

$("#grid").kendoGrid({
  dataSource: {
    data: [ { 
      department: "A",
      "class": 1,
      type: "Evening"
    },{ 
      department: "A",
      "class": 2,
      type: "Morning"
    }, { 
      department: "B",
      "class": 1,
      type: "Evening"
    }, { 
      department: "B",
      "class": 2,
      type: "Morning"
    }],
    // group by "department" and "class"
    group: [ { field: "department" }, { field: "class" } ] 
  },
  columns: [ { field: "type" } ]
});

还有一个现场演示:

欢迎光临。欢迎接受我的答复作为你问题的答案。请接受我的答复,作为对你问题的回答。