宽度

默认情况下，Grid没有设置宽度，表现为块级元素，并扩展到100%宽度(父元素的宽度)。

开始

如果需要控制“网格”的宽度，请设置CSS宽度属性对Grid本身或它的一些祖先。如果使用层次结构，并且除非细节模板是可滚动的，否则细节模板必须比所有主列的宽度之和更窄。有关Grid支持的滚动模式的更多信息，请参阅关于滚动的文章．

如果启用滚动，且所有列宽度之和大于网格的宽度，则会出现水平滚动条。如果禁用滚动且列不适合，则会溢出< div >元素。的div溢出会导致网格的右边界通过数据单元格，因为网格是一个<表>元素中的< div >元素，当将它们的内容表括起来时，可以横向扩展到100%以上，< div >元素缺乏这种行为。

为了避免表溢出，可以应用以下任何一种方法:

• 启用滚动功能，默认情况下，当使用Kendo UI Grid MVC包装器时，该功能是禁用的。
• 为Grid包装器设置足够大的宽度或最小宽度样式
  元素。
• (仅在前两种情况不可接受时使用此方法。)浮动网格包装器和清晰的浮动就在网格之后。浮动元素在需要时自动展开和收缩以包含其内容。

应用最小宽度

根据具体的场景，您可以使用以下任何一种方法来定义网格的最小宽度。

• 如果禁用滚动，则使用以下CSS。

  #GridID {min-width: 800px;｝

• 如果启用了滚动，并且Grid不是分层的(没有嵌套表)，则使用以下CSS。有关Grid支持的滚动模式的更多信息，请参阅关于滚动的文章．

  #GridID .k-grid-header-wrap > table， //一个头表。#GridID .k-grid-content table， //一个数据表，没有虚拟滚动。# griddid .k-virtual-scrollable-wrap table //虚拟滚动的数据表。{min-width: 800px;｝

• 如果启用了滚动，并且Grid是分层的(带有嵌套表)，则使用以下CSS。有关Grid支持的滚动模式的更多信息，请参阅关于滚动的文章．

  #GridID .k-grid-header-wrap > table， //一个头表。#GridID .k-grid-content table， //一个数据表，没有虚拟滚动。# griddid .k-virtual-scrollable-wrap table //虚拟滚动的数据表。{min-width: 800px;} #GridID .k-grid-content table表，//一个数据表，没有虚拟滚动。# griddid .k-virtual-scrollable-wrap table table //虚拟滚动的数据表。{min-width:初始值;｝

另请参阅

• 通过网格HtmlHelper滚动ASP。NET Core(演示)
• 网格HtmlHelper的滚动模式。网络核心
• 服务器端API