高度
默认情况下,Grid没有设置高度,并展开以适应所有表行。
开始
仅当网格的滚动被启用时,才将高度设置为网格。有关Grid支持的滚动模式的更多信息,请参阅关于滚动的文章.
要设置网格的高度,可以使用以下任何一种方法:
- 样式应用内联高度样式
< div >
从中初始化网格。 - 使用
高度
属性,该属性将对Grid包装器应用内联样式—与前一个选项相同。 - 使用外部CSS。例如,使用ID或
.k-grid
类来应用高度样式。
当设置了Grid的高度时,它会计算其可滚动数据区域的适当高度,以便标题行、过滤器行、数据、页脚和页导航的总和等于Grid的预期高度。这就是为什么如果在创建网格后通过JavaScript更改网格的高度,则必须调用调整
方法之后。通过这种方式,Grid重新计算其数据区域的高度。
var gridWidget = $("# griddid ").data("kendoGrid");//应用新的高度并触发布局调整。gridWidget.wrapper.height (800);gridWidget.resize ();//强制布局重新调整而不设置新的高度。gridWidget.resize(真正的);
在特定的场景中,您可以使用JavaScript或外部CSS为可滚动的数据区域设置高度样式div.k-grid-content
元素。在这种情况下,避免为Grid设置高度。
< div风格= "宽度:500 px;"> @(Html.Kendo().Grid() .Scrollable() .HtmlAttributes(new {style = "height: 200px;"}) /*其他配置*/)