Question

我有一个以列宽声明的网格。基本上是这样的：

@(Html.Kendo().Grid<TelerikMvcApp1.Models.Product>()
.Name("acct_dtls")
          .HtmlAttributes(new{style="width:100%", @class="panel-body"})
          .DataSource(ds => ds.Ajax().Read("Read", "Home"))
          .Pageable()
          .Sortable()
          .Columns(columns =>
                            {
                            columns.Bound(Agent => Agent.ProductID).Width(300).Encoded(false).Hidden(false).Groupable(false).IncludeInMenu(false).Sortable(false);
                            columns.Bound(Agent => Agent.ProductName).Width(100).Encoded(true).Hidden(false).Groupable(false).IncludeInMenu(true).Sortable(false);
                            })
          .Reorderable(r => r.Columns(true))
          .Resizable(r => r.Columns(true))
          .ColumnResizeHandleWidth(5)
          .ColumnMenu()
          .Filterable()
          .Scrollable()
        )

问题在于渲染时，浏览器会自动调整列宽，就像响应渲染一样。我已经尝试将table-layout属性设置为“fixed”但仍无法正常工作。感谢那些愿意分享知识的人

Answer 1

网格默认应用table-layout: fixed设置。问题是您已将两列的宽度设置为小于总网格宽度的值。您应该避免设置其中一列的宽度，以便占用剩余的空间。

table-layout：修复了不在Kendo网格上的工作

1 个答案: