html - 如何制作<显示:table> scrollable?

Question

我正在使用 <display:table>标签在jsp页面中显示表格。

现在我可以使用页码浏览记录。

现在我想在单页中显示所有记录，但要滚动。(无分页)

此表格设置为页面的一部分，因此只有一个 div 可以滚动。页面的其余部分应该保持原样。

请建议...!

Answer 1

尝试将表格放在 div 标签中，然后编辑 css 文件:

<div class="displayTableFrame" style="margin-top: 20px; padding-top: 30px;">            
    <display:table cellpadding="5" cellspacing="1" name="myList" class="dataTable">             
        <display:column class="colId" property="id" title="ID" />    
        <display:column class="colName" property="name" />    
        <display:column class="colEmail" property="email" />    
        <display:column class="colStatus" property="status" />    
        <display:column class="colComments" property="description" title="Comments" />                                                                            
    </display:table>    
</div>

例如div标签是displayTableFrame。然后是 CSS:

.displayTableFrame {
    background-color: green;
    overflow-x: scroll;
    height: 320px
    width: 100%;
}

给它一个固定的高度然后 overflow-x: 滚动。试着让我们知道。

更新:
感谢 Jaimon 和他神奇的代码，固定 header 的解决方案可以在这里找到:
Jaimon's Blog
我已经测试过，它在 IE8 和 FF14 上运行流畅。

祝Ruchi好运!
最好的问候，
庆陈