DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
d46857722000BMWMaroon
82b154111983AudiYellow
8496f8cb1977FiatMaroon
3864849e1982VolkswagenGreen
3f33cd881968VolvoYellow
a19d92011986HondaSilver
a5c81e6e1990JaguarBlack
70453ed41961HondaBlack
d95f99802001AudiBlack
8ecd111d2003BMWMaroon
31f90cb82000MercedesWhite
cb5f0d701970RenaultYellow
94a130fd1963BMWOrange
12ce60d21987HondaWhite
002d39751970MercedesBlue
b2a206551981RenaultWhite
341139882000AudiOrange
27b9b2cb1990FordBrown
304bc5531996VolvoRed
f412de6c1999JaguarBlack
aaff35cc1962FordWhite
88df521d1975VolvoWhite
4b31bcf51977FordBlue
9a75f63f1976MercedesYellow
051bd2421995VolkswagenRed
cbd9b16f1998FordSilver
69a5dc761970RenaultOrange
af5211af2000HondaMaroon
061ec47e1962RenaultRed
bf3da9da1968FordYellow
2fc538b21970FiatYellow
95542cab1964AudiBlack
ad48cd801980BMWOrange
8ba4c4052001MercedesSilver
f98aca611986FordWhite
5d1366f11967BMWYellow
8c5d506f2000RenaultRed
4478cacc1984FiatSilver
1a96515b1991FordMaroon
94dd56f01992VolkswagenOrange
0ad5d5bf1994RenaultRed
9e3128692005HondaOrange
ec00e2071985HondaGreen
a55ed2501988VolkswagenBlue
ea546bff1983JaguarRed
254ef55a2000FiatMaroon
6fb369c91996VolvoRed
8b43233d2006HondaSilver
4f11e6b41986BMWGreen
97db156d1979VolkswagenYellow
<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.3-SNAPSHOT on Mojarra-2.3.2.