KendoGrid多列标题栏基于保存的列列表重新排序

Question

我有一个仅包含多列标题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);
        }
    });
}

但是我们如何对多头执行相同的操作？ 如果我们在多标题网格上使用相同的代码，则会收到错误消息： 未捕获的TypeError：无法读取未定义的属性“锁定”

示例： https://dojo.telerik.com/OWUxuGoL/2