我有一个包含标题和数据的表。当我滚动标题时也会滚动我的代码如下:
<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"/>
任何建议都会有所帮助。
答案 0 :(得分:3)
这实际上是一个简单的CSS任务:
tbody {
height: 200px; /* Just some fixed height */
overflow: scroll;
}
但是,Redmond的团队开发的某种广泛使用的webbrowser不支持overflow
元素上的tbody
属性。所以你真的被困住了,你需要前往hacky HTML + CSS和/或基于Javascript的解决方案。
答案 1 :(得分:1)
如果您能够使用RichFaces,它们会提供具有您正在寻找的功能的ExtendedDataTable。请参阅http://livedemo.exadel.com/richfaces-demo/richfaces/extendedDataTable.jsf。