DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
20e792bb1979VolkswagenOrange
6a67f45a2003VolkswagenGreen
7b03de762007HondaSilver
504b78f91975MercedesBlack
12ae73a71967VolkswagenBlack
1ac8df962008FordBrown
3877d7752007HondaBlack
a3b6adae1961HondaRed
41f253c92001RenaultSilver
62d7ea731966FordBlue
987dfcb71987HondaBlue
2e9d81992003FordWhite
f2ba2aea1973MercedesGreen
dfd9928d1995FordGreen
1f06a95c1992MercedesMaroon
a0a2256b1977FordBlue
8f757a271970VolkswagenBrown
37e6474a1987MercedesYellow
1d85a4011962VolvoBlue
f48ee48f2008HondaWhite
e7d908552002VolkswagenBlack
95b5338c1984VolkswagenGreen
d75e371f1968HondaBlue
e8aa4b6e2008HondaBlue
772d80f52002FordGreen
738ca1571987RenaultBlack
925169a32008FordRed
d626aaad1984MercedesYellow
37d2bbcf1998HondaYellow
97fb99191972RenaultRed
196e45561966FordRed
51797ce41967HondaBlack
2cc8abba1997BMWBrown
0ad676011990RenaultGreen
98283f0c1980FordYellow
6d5831bc1966FordYellow
9c11ecd11991HondaBrown
262bc16e1989FiatGreen
b940858f1965VolvoSilver
9edcd7cb1970FordBlue
69e702cf1987JaguarYellow
ce38856d2002HondaBlue
bbd129b51976VolvoOrange
91e249501991AudiMaroon
8af6cfaf2003VolvoMaroon
92fd87401992FordSilver
26c816562009VolvoOrange
56ee29422000VolkswagenYellow
686778f41987HondaBlack
77a669741960FiatBlack
<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.