我的网格宽度为100%。当网格首次加载时,列大小等于所有列中的列。 然后,用户可以重新调整列的大小以满足他们的需要。 现在我需要一种方法将所有列重置为默认值而不重新加载页面。
我尝试刷新网格但在网格绑定后没有工作:
.data().kendoGrid.refresh()
答案 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/