表头是固定且可滚动的主体答案

【问题标题】：table header is fixed and scrollable body表头是固定且可滚动的主体
【发布时间】：2016-06-23 04:01:33
【问题描述】：

我需要一个table 来获取记录列表，其中表头是固定的，并且在 div 内是可滚动的主体。 Div 不可滚动，但会根据一定数量的记录将其高度扩展到一定长度，如果表中的记录多于该记录，则 DIV 需要固定位置。

我主要关心的是避免用户滚动页面。相反，我希望他滚动 Div 内的表格，但如果列表中的记录数较少，则 div 轮廓边框看起来很尴尬。

我正在MVC View 中计算此表，但无法获得预期结果。任何示例代码表示赞赏？

【问题讨论】：

【解决方案1】：

.FixedHeightDiv
{
 float:right;
 height: 250px;
 width:250px; 
 padding:3px; 
 background:#f00;
}
.Content
{
 height:224px;
 overflow:auto;
 background:#fff;
}



<div class="FixedHeightDiv">
<h2>Title</h2>
<div class="Content">
your content  
your content
your content
your content
your content
your content
your content
your content
your content
your content
your content
 </div>

https://jsfiddle.net/PyramidTek/hrn6fwb9/

【讨论】：

如果这回答了您的问题。请选择它作为答案。