DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
6fdf956c1982HondaYellow
4cf6caa32004FiatYellow
49b760ed1996VolvoYellow
dcbcce2d2003BMWBlack
e33d4cc32001VolvoRed
2b3a48841989BMWWhite
5f240efd1960BMWOrange
7bc2aead1996HondaRed
fb09e06c1993RenaultBlue
bdb727881971HondaOrange
4ea5e4a01967JaguarYellow
b5e00d5b1966AudiWhite
a3532fee1986JaguarWhite
c4189ecd2002HondaOrange
59e08e751970RenaultBlue
162886241970VolkswagenBlack
2ea7fd641978MercedesRed
497119c41996RenaultWhite
84d06f1c1983FordBrown
082a65721980MercedesBrown
cb0132c81985MercedesBlack
f3e58f942000FiatMaroon
1e980e981992HondaBlack
a8e032b01961AudiMaroon
af0c44f41982RenaultOrange
a422604c1984VolkswagenOrange
25f4e8f91979BMWBlue
e3715dd11986FiatMaroon
ec93b0311971RenaultOrange
ec953c0c1999AudiBrown
f79654111967MercedesBlack
750943682001HondaGreen
eb437c6f1982FiatOrange
5587b0231996HondaWhite
0a94acc92003VolkswagenYellow
355657c01960JaguarWhite
0b67bda51974FordWhite
4429602c1969VolkswagenGreen
e9defd0a1983BMWRed
6e9772db1982VolvoBlack
8b6b0c782008MercedesGreen
f852ed3b2002MercedesYellow
4a52c2ad1960VolkswagenBrown
ea3772a51983FiatGreen
709a95f71969RenaultOrange
023df22d1975RenaultOrange
9adfc3e01965MercedesSilver
313058362002FiatYellow
57ea0b4a1964AudiMaroon
e65848181964AudiRed
<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.1.4 on Mojarra-2.2.10.