javascript - kendo ui 调整列大小

Question

我正在使用以下函数(我从网上获得)来调整 kendo ui 中列的大小。这是基于索引的，我正在查看是否可以通过列标题或字段/键进行选择。

当我对网格列重新排序时，此函数失败。

 function resizeColumn(idx, width) {
            $("#grid .k-grid-header-wrap") //header
               .find("colgroup col")
               .eq(idx)
               .css({ width: width });

            $("#grid .k-grid-content") //content
               .find("colgroup col")
               .eq(idx)
               .css({ width: width });
        }

Answer 1

要按列标题调整大小，您只需要找出正确的索引，例如像这样:

function resizeColumn(title, width) {
    var index = $("#grid .k-grid-header-wrap").find("th:contains(" + title + ")").index();

    $("#grid .k-grid-header-wrap") //header
        .find("colgroup col")
        .eq(index)
        .css({ width: width });

    $("#grid .k-grid-content") //content
        .find("colgroup col")
        .eq(index)
        .css({ width: width });
}