DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
ff0222961983BMWMaroon
a73a5c461963HondaBrown
9378fa061986HondaMaroon
c65e551e1962FordRed
8865d5b51981JaguarYellow
22ad41881973JaguarBrown
847047181988AudiWhite
faef99231984VolvoWhite
397f5e482002BMWSilver
8ee1feab1968RenaultBrown
a7cb52721977JaguarBlue
ad43c8f91979RenaultMaroon
1dc974702009VolvoWhite
0dfb34071992MercedesBlue
a4cba42a2003VolkswagenBlack
9e52b14f1991BMWBlack
43d44d7f2005AudiWhite
3baeb2212002VolvoOrange
9b1840071971FiatBlue
8ac994692004AudiBrown
67d1a6af1987RenaultMaroon
dc603a511990AudiYellow
a3f10c561966VolvoBlack
5b76c5991966BMWWhite
7c01ce591997FordRed
dd53f3f21998FiatBlue
181fd6392006BMWBlack
d629fbd81992VolkswagenBlue
227ff3811968AudiMaroon
0aed2b792001FiatRed
ddd67c6b1985MercedesSilver
e83c8ef41966VolkswagenBlack
4fe7b5761985VolvoMaroon
ecfa0f5d1970JaguarBlue
c4f38d431993FiatOrange
9fbd82581963RenaultBlue
70225e151967RenaultWhite
297b216b1966FordWhite
a21626351978MercedesGreen
a6514e042002MercedesBlack
25351c171999FordWhite
90feac791992AudiGreen
dbfa429c1971VolkswagenYellow
12c293aa1991RenaultGreen
07d2ca981969RenaultBlack
48376a9e1999FordOrange
82e46a341999VolvoYellow
81c306741993FordYellow
4d8b1aec1978BMWBrown
8ba719cf1970MercedesBrown
<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.