保持头部固定在数据表中，同时允许其内容滚动

我有一个表头和数据。当我滚动标题也滚动我的代码如下：保持头部固定在数据表中，同时允许其内容滚动

<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"/>

任何建议将有所帮助。

来源

2010-04-09 Suresh

这其实是一件容易的事与CSS：

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

但在微软团队开发不支持tbody元素的overflow财产一定广泛使用的网页浏览器。所以你真的被困住了，你需要去面对HTML + CSS和/或基于Javascript的解决方案。

谷歌： “scrollable table with fixed header”
＃1： “scrollable table with fixed header”

有通过也jQuery plugin的方式是。

来源

2010-04-09 11:35:34 BalusC

如果您能够使用RichFaces，它们提供了具有您正在查找的功能的ExtendedDataTable。见http://livedemo.exadel.com/richfaces-demo/richfaces/extendedDataTable.jsf。

来源

2010-04-09 22:04:40

保持头部固定在数据表中，同时允许其内容滚动

回答

相关问题