Question

我有14列网格。

完全需要1600像素的网格宽度。浏览器显示的宽度太大。我不能自己设置列的宽度。

columns.Bound(o => o.Code).Width(80);

宽度属性不起作用我也试过其他方法。有什么建议吗？

Answer 1

您可以选择以下两种解决方案中的任何一种来维护您的网格布局。

您可以将整个kendo网格包装在div中，并将div宽度设置为100％并溢出为auto。这将确保网格不会向右溢出。滚动到右侧时，您会看到一个滚动条，您可以看到隐藏的列。

HTML

<div id="divGrid" class="overflow-scroll" >
    @(Html.Kendo().Grid(Model).Columns(columns =>
    {
        ...
        ...
        ...
    }))
</div>

CSS

.overflow-scroll {
    width: 100%;
    overflow: auto;
}

否则，您可以通过在HeaderHtmlAttributes属性中添加css类来为每个列设置固定宽度。

HTML

columns.Bound(o => o.Code).HeaderHtmlAttributes(new { @class = "set-width" });

CSS

.set-width {
    min-width: 90px;
    width: 90px;
}

Answer 2

现在您无法获得太多帮助，因为不再支持此版本。使用

columns.Bound(o => o.Code).HeaderHtmlAttributes(new { @style = "max-width: 40px;" });

如果列宽较大，请设置最大宽度，这意味着您要减小列大小。

如果它较小，则设置最小宽度，这意味着您要增加列宽。

@ Html.Telerik（）。网格列问题.Textrik扩展ASP.NET MVC 2011.Q3.1115

2 个答案: