Kendo ui KendoGrid多列标题基于保存的列列表对列重新排序

我有一个数组，其中只包含多列标题KendoGrid所需顺序的列。 如何遍历所有标题行以正确地对其重新排序

如果没有如下循环的多个标题，我们可以对列重新排序：

var newOrder = ["ShipName", "ShipCity", "ShipCountry"];
var grid = $("#grid").data("kendoGrid");

for (var i = 0; i < newOrder.length; i++) {
    var field = newOrder[i];

    $(grid.columns).each(function () {
        if (this.field === field) {
            grid.reorderColumn(i, this);
        }
    });
}

var newOrder=[“ShipName”、“ShipCity”、“ShipCountry”]；
var grid=$（“#grid”）.data（“kendoGrid”）；
对于（var i=0；i

但是，我们如何对多个头执行相同的操作呢？ 如果我们在多标题网格上使用相同的代码，我们将得到一个错误： 未捕获的TypeError:无法读取未定义的属性“locked”

例如：