Question

我的项目中有一个面板，其中有一个webgrid。面板有一个最大化的功能，所以我给webgrid的宽度和高度为100％，因为它的宽度和高度不同。我在webgrid中显示20行，滚动显示正常...现在我的要求是我的标题应该修复，用户可以滚动内容..我曾提到各种博客。在一些博客中，我们必须为“th”和“td”元素提供固定的宽度，但在我的场景中不可能（因为我已经给出了％的宽度）。例如

  grid.Column("EquipmentManfacturer", header: "Warranty Provider", style: "column5"),

 <style type="text/css">

.column5
 {
     width: 25%;
 }

</style>

在其他一些博客中，他们给了“th”元素的css样式为“display：block”但这并不能解决我的问题。任何人都可以帮我找到解决方案..

Answer 1

只需将表头固定在一个固定位置，限制表的高度并将溢出设置为“滚动”。为此，请将以下CSS添加到您的页面中：

table { display: inline-block; height: 200px; overflow-y: scroll; }
thead { position: fixed; margin-top: -30px; }

需要进行一些调整才能使布局正确。

webgrid的固定标题，asp.net mvc3 razor

1 个答案: