剑道网格:清除列宽

时间:2014-06-10 19:45:47

标签: kendo-ui kendo-grid kendo-asp.net-mvc

我的网格宽度为100%。当网格首次加载时,列大小等于所有列中的列。 然后,用户可以重新调整列的大小以满足他们的需要。 现在我需要一种方法将所有列重置为默认值而不重新加载页面。

我尝试刷新网格但在网格绑定后没有工作: .data().kendoGrid.refresh()

1 个答案:

答案 0 :(得分:1)

您可能会尝试一些小技巧(这不完美,可能会失败,具体取决于您的自定义网格格式)。诀窍是将宽度设置为相同的量(例如100px)。类似的东西:

网格定义:

var grid = $("#grid").kendoGrid({
    dataSource: ds,
    resizable : true,
    pageable  : true,
    columns   :
    [
        { field: "FirstName", title: "First Name" },
        { field: "LastName", title: "Last Name" },
        { field: "City" }
    ]
}).data("kendoGrid");

调整大小的代码:

$("col", grid.element).css("width", "100px");

此外,您可能对此感兴趣:

$("table", grid.element).css("width", "100%");

这会调整"表"否则使用所有原始空间的列(只需执行col调整大小),您可能最终使用等间距的cols但不使用表的所有原始宽度。)

您可以在此处查看其工作原理:http://jsfiddle.net/OnaBai/a9QSr/