Kendo Grid：清除列寬

Question

我有一個寬度爲100％的網格。網格首次加載時，列大小等於所有列中的大小。 用戶可以重新調整列的大小以適應他們的需要。 現在我需要一種方法將所有列重置爲默認值，而無需重新加載頁面。

我試圖刷新網格，但沒有奏效電網已被綁定後： .data().kendoGrid.refresh()

Answer 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調整大小）你可能會以等間距的列結束，但不會使用表格的所有原始寬度）。

你可以看到它是如何工作的：http://jsfiddle.net/OnaBai/a9QSr/