Jsf 在允许其内容滚动的同时，在datatable中保持标题固定

我有一个带有标题和数据的表。当我滚动标题时，我的代码如下所示：

<div style="height:200px;overflow-x:auto;overflow-y:scroll;">
    <h:dataTable cellpadding="0" cellspacing="0" border="0" width="60%"
        headerClass="HeaderCellSorted" columnClasses="DataCell" rowClasses="OddRow,EvenRow" styleClass="SearchResults" footerClass="FooterCell" 
        id="userListTable" value="#{pc_WorkInProgressUserGrid.userGridModel.rebalanceByUserList}" var="userGridDO">
        <h:column id="userNameColumn">
            <f:facet name="header">
                <h:outputLink id="userNameColumnLink" styleClass="Header" value="#" onclick="refreshUserGrid('DISPLAYNAME')">
                    <h:outputText id="userNameColID" styleClass="outputText" value="User"/>

---

任何建议都会很有帮助。

事实上，这是一项简单的CSS任务：

tbody {
    height: 200px; /* Just some fixed height */
    overflow: scroll;
}

但是由Redmond的一个团队开发的某个广泛使用的webbrowser不支持

tbody

元素上的

overflow

属性。所以，你真的被卡住了，你需要转向黑客HTML+CSS和/或基于Javascript的解决方案

• 谷歌：“
• 堆栈溢出：“

---

顺便说一句，还有一个。

如果您能够使用RichFaces，它们提供了ExtendedDataTable，它具有您想要的功能。看