Question

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

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

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

请帮我解决这个问题。

Answer 1

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

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

这jsbin可能对你有帮助..

Answer 2

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

.Width("auto")

请see also有关此的更多信息

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

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

3 个答案: