动态调整 Kendo ui 网格中列的宽度答案

【问题标题】：Dynamically adjust width of column in Kendo ui grid动态调整 Kendo ui 网格中列的宽度
【发布时间】：2013-06-05 06:45:45
【问题描述】：

我在 kendo ui 网格中动态添加了列。对于第一列，我将宽度指定为 35，对于其他列，我将宽度指定为 100。现在发生的情况是有很多数据的列，但由于列宽 (100)，我指定数据显示在新行中.

我想要的是我希望列根据数据自动扩展到宽度。

我尝试删除我设置为 100 的宽度。但这没有帮助。

请帮帮我。

【问题讨论】：

标签： kendo-ui kendo-grid

【解决方案1】：

如果你在设置剑道网格时设置'scrollable:true'，你可以看到水平滚动条..你的问题可以解决..

$("#grid").kendoGrid({
    scrollable:true,
    columns: columns
});

这个jsbin 可能会帮助你..

【讨论】：

感谢您的帮助。我已经将 scrollable 设置为 true。在这种情况下，它也不会扩展列。您提供的 jsbin 示例很有帮助。但在那个例子中，如果我为列 dataItem['col' + i] = i*500; 设置值像这样，该列不会扩展以显示整个值。我想在列中显示整个值有多大。
它对我有用.. 看到这个jsbin 你能在 jsbin 中分享你的代码吗？
感谢帮助为剑道网格属性添加了以下内容 ($('grid')).kendoGrid({ columns: title, dataSource: data, pageable: { pageSize: 10 }, groupable: true, sortable : true, filterable: true, scrollable: true , height: Height, width:Width, selectable: "multiple" }).data("kendoGrid");
我真正想要的是基于列中的数据，该列应该自动扩展。实现这一目标的方法是什么。
看看这个jsbin。它扩展了行的高度 - 你可以有一些想法

【解决方案2】：

我知道这有点晚了，但我遇到了类似的情况，我不得不将列宽设置为“自动”并使网格不可滚动

.Width("auto")

请see also了解更多信息

【讨论】：

【解决方案3】：

试试这个

var options = $("#grid").data("kendoGrid").getOptions();
for (i = 0; i < options.columns.length; i++) 
{
        options.columns[i].width = "100px";
        if(i==4) //I can only filter by index in my case
        {
          options.columns[i].width = "100px";
          options.columns[i].title = "100px";
          options.columns[i].filterable = "100px";
        }
}
$("#grid").data("kendoGrid").setOptions(options);

【讨论】：