JSF 1.1 Datentabelle Header Einfrieren Problem. Die Kopfzeile bewegt sich nach oben, wenn Sie in der Datentabelle nach unten scrollen

Question

Ich bin mit dem Problem konfrontiert, das mit dem Header der JSF-Datentabelle verbunden ist. Die Anforderung besteht darin, den Freez-Header für die Datentabelle zu haben. aktuell, wenn der vertikale Bildlauf für die Datentabelle vorhanden ist und wenn wir zu diesem Zeitpunkt nach unten blättern, wird der Datentabellenkopf nach oben verschoben. Ich möchte es in Ruhe halten. Die Datentabelle wird von dynamisch aus Java generiert.

Kann mir bitte jemand helfen?

Danke!

Answer 1

Sie müssen den Tabellenkopf separat codieren, über <h:dataTable>. Bereitstellung der columnclass und des Stils der Kopfzeile Ihrer dataTable. Hier

ein Beispiel:

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

Der Rest ist alles über CSS Sie verwenden. Alternativ, wenn Sie Richfaces verwenden können, bietet es scrollbare Datentabelle, Kern JSF Datatable ist ziemlich begrenzt, es ist alles, was Sie damit tun können.

Answer 2

Sie könnten IceFaces 1.8 verwenden, ein JSF-Komponentensystem, das für JSF 1.1 geeignet ist. Es enthält eine Bildlaufleiste für dataTable