如何在 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