kendo-ui - kendo ui グリッド グループ ヘッダーのサブグループ ヘッダー

Question

それに応じてデータをグループ化しようとしています

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

剣道UIグリッドグループ化の可能性...

Answer 1

はい、これは剣道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" } ]
});

そしてライブデモ： http： //jsbin.com/ejalut/1/edit