如何在 Kendo Grid 中設置列優先級

Question

我正在使用劍道網格，並且我有如下所示的 Columns 數組

 columns: [
            {
                field: "Column1",
                title: "Column 1",
                width: "120px"
            },
            {
                field: "Column2",
                title: "Column 2",
                width: "120px"
            },
            {
                field: "Column3",
                title: "Column 3",
                width: "160px"
            },
            .
            .
            .
          ]

如何設置在劍道網格中顯示的列順序，或者是否有其他方式？ 就像需要顯示第一個 Column2 然后 Column3 然后 Column1 一樣。

提前致謝！！！！

Answer 1

您正在尋找reorderColumn(destIndex, object)事件： reorderColumn 。

1. destIndex Number列的新 position。 應針對所有列（包括隱藏列）計算目標索引。

2. 列Object應更改 position 的列。

$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
  ]
});
var grid = $("#grid").data("kendoGrid");

//your logic for calcualting destination index and column
grid.reorderColumn(1, grid.columns[0]);

官方示例： reorderColumn