javascript - 如何以编程方式设置 Kendo UI 网格列宽

Question

我想以编程方式设置 Kendo UI 网格列宽。我正在使用以下代码:

function setColumnWidths(grid, options) {
    for (var i = 0; i < options.columns.length; i++) {
        grid.columns[i].width = options.columns[i].width;
    }
}

执行语句后在 chrome 中调试时，grid.columns[i].width 似乎已适当设置为新值，但 GUI 中没有任何变化，列宽保持不变。 我错过了什么？

Answer 1

您需要通过其元素而不是其定义来更改网格的宽度。 Kendo 网格包含标题和内容，因此您需要更改两个元素。

改用这段代码

$("#grid-id .k-grid-header-wrap").find("colgroup col").eq(xx).width(yy);
$("#grid-id .k-grid-content").find("colgroup col").eq(xx).width(yy);

Sample