Question

我正面临与jsf数据表头相关的问题。要求是为数据表提供freez标头。目前当垂直滚动存在数据表时，当我们向下滚动时，数据表头向上移动。我想保持freez。数据表是从java动态生成的。

有人可以帮帮我吗？

谢谢！

Answer 1

您必须在<h:dataTable>上方单独编写表格标题的代码。提供dataTable标题的列类和样式。

以下是一个例子：

                <h:panelGrid id="panel" columns="4" columnClasses="rTypeColumn1,rTypeColumn2,rTypehColumn3,rTypeColumn4" styleClass="data-tableheader">
                    <h:outputLabel value="Column Name 1" />
                    <h:outputLabel value="Column Name 2" />
                    <h:outputLabel value="Column Name 3" />
                    <h:outputLabel value="Column Name 4"/>
                </h:panelGrid>

               <div class="scrollable">
                                <h:dataTable id="table" value="#{yourbean.list}"  var="data" cellspacing="0" columnClasses="rTypeColumn1,rTypeColumn2,rTypeColumn3,rTypeColumn4" width="100%" styleClass="data-table">
                                    <h:column>#{data.column1}</h:column>
                                    <h:column>#{data.column2}</h:column>
                                    <h:column>#{data.column3}</h:column>
                                    <h:column>#{data.column4}</h:column>
                                </h:dataTable>
                </div>

休息是关于你使用的CSS。或者，如果您可以使用 Richfaces ，它提供可滚动的数据表，核心JSF数据表相当有限，它可以用它做所有。

Answer 2

您可以使用IceFaces 1.8，一个适用于JSF 1.1的JSF组件系统。它包含dataTable

的滚动条

JSF 1.1数据表头冻结问题。向下滚动到数据表时标题正在向上移动

2 个答案: