DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
13dce8a51984FordMaroon
b99518901979RenaultWhite
073a29691984VolkswagenBlack
208a0b231971AudiOrange
0f809c4d1986FiatBrown
c0621be81963BMWBrown
cb603d8c2007VolkswagenYellow
d2ff3bd61987JaguarSilver
b022555e1964FiatBrown
5476b2eb2002HondaBlue
9fe781591976VolvoGreen
d65dbf151960VolkswagenWhite
d0199d151978AudiOrange
81cc60ac1973BMWBlue
34ea2f561963BMWSilver
a96dc56c1968MercedesWhite
af158c151961VolvoBlue
547b3edf1994VolkswagenWhite
1edd19541960FordGreen
dbcd59f31967VolvoOrange
3f07feb21989JaguarBlue
d0ca7d6c2006MercedesYellow
16b564231975VolkswagenSilver
968afced2007VolkswagenYellow
53e433b81977FiatGreen
e2e555a21995AudiBlack
b1a7eaa21962VolvoOrange
a189a3712005FiatMaroon
54216a331993RenaultBlack
86f787d82009FordBrown
f65d6c051979FiatWhite
5d12af001960VolvoGreen
b68a13371973RenaultYellow
bc1a45171981AudiGreen
dcd115241980FiatYellow
f04c1a712006BMWWhite
73b558031963HondaBlue
d308440e1961RenaultBlack
4c9426f51980JaguarGreen
116c294a1984VolvoOrange
8b80e3151983FordBrown
c4e63c341960VolvoYellow
4b1c8ee61983AudiYellow
03f688a41976AudiGreen
da7a79c71970BMWMaroon
6d9f3f5a1992JaguarRed
b54166d81976HondaRed
0a55ab351982FiatSilver
6e18ffe91988FordBlue
6afe388a1990VolkswagenMaroon
<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 © 2017
All rights reserved.
Running PrimeFaces-6.2-SNAPSHOT on Mojarra-2.3.2.