kendo-ui - 动态调整 Kendo ui 网格中列的宽度

Question

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

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

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

请帮助我。

Answer 1

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

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

这个jsbin可能会帮助你..

Answer 2

尝试这个

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);

Answer 3

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

.Width("auto")

另请参阅以获取更多信息