DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
bd0d7b2d1990HondaBlack
28e292f61961AudiSilver
a851251f1968AudiBlue
7f40fc811975VolkswagenBrown
457113641998VolkswagenRed
ed47322a1973FiatBrown
7d7fea552007MercedesBrown
31eb686b2000RenaultBlack
3bc43ba22007HondaRed
bb79fb4f2003RenaultOrange
a4c674e41971BMWWhite
591e44611966HondaBlue
ccfb86c91969FordMaroon
0a3176341972AudiMaroon
33500b1b1989JaguarOrange
4041667d1980FiatBlack
f75f38811984MercedesBlue
38f261d81992HondaGreen
a581f3031983FordYellow
9a42c5791970JaguarSilver
c5d125a41964AudiBrown
8e218de12003FordBrown
09e492681991AudiBlack
484bdc501973RenaultSilver
f21959a11969JaguarMaroon
e2cc709f1996AudiBlue
a24235d91998MercedesBlack
6b7baad52006FiatWhite
5ab4878e1999BMWYellow
2cfbfb5e1988AudiBlack
b98e1cae1979HondaBlue
4f7e1cdb1994AudiMaroon
7f00208e1989FiatGreen
4d30d5b91994FiatOrange
51e87cc11975RenaultYellow
3a43d0bd1989FiatYellow
bcf938c11985FiatSilver
fd62a1211977HondaGreen
c0e61edf1999FordSilver
cf0d4d791992FordWhite
a4d68a301979AudiBlue
be5007011979BMWYellow
868473a31961BMWBrown
b5277d222000AudiRed
57534d291984BMWSilver
ea4a9c751964FordGreen
823651481993RenaultMaroon
e4c29f6f2004VolvoBlack
b9b2e8c31980HondaYellow
39225b4f1983BMWYellow
<p:dataTable var="car" value="#{dtStickyView.cars}" stickyHeader="true">
    <p:column headerText="Id">
        <h:outputText value="#{car.id}" />
    </p:column>
    <p:column headerText="Year">
        <h:outputText value="#{car.year}" />
    </p:column>
    <p:column headerText="Brand">
        <h:outputText value="#{car.brand}" />
    </p:column>
    <p:column headerText="Color">
        <h:outputText value="#{car.color}" />
    </p:column>
</p:dataTable>
                
PrimeTek, Copyright © 2015
All rights reserved.
Running PrimeFaces-6.1-SNAPSHOT on Mojarra-2.2.8.