DataTable - Sticky Header

Header of the datatable can be fixed to keep it in viewport during scroll.

Documentation
IdYearBrandColor
abdcf5281991FiatMaroon
535d820d2007VolvoBrown
2a117bd51998FiatRed
c0343cd71995VolkswagenSilver
60009f771986AudiSilver
8e5a8d051994MercedesOrange
3a59d4b51976VolkswagenOrange
5e0ba2e11993VolkswagenBlack
fc6286ff1962RenaultSilver
afde994a1991FiatRed
2cc258001983HondaYellow
502de7b01965VolkswagenGreen
2b449d2a1992RenaultYellow
81bdd0641975FordMaroon
858bf4851992VolvoBrown
749a86eb1973RenaultWhite
eb5e72331962FiatBlue
44f222ab1989VolvoBrown
7f440afd1991BMWRed
905598072007VolkswagenRed
8d510e0d1980AudiBrown
c44383682005FiatOrange
3cc3ed572006HondaOrange
996a556d1972RenaultSilver
04ed9a292005HondaGreen
126d82aa1981VolvoOrange
6d4545742000BMWYellow
c46c13f02009JaguarRed
f5e2913d1969MercedesBlack
ce31fc462009JaguarBlue
9419f4d52007HondaOrange
8b47c5c81977AudiGreen
d796d2921968HondaWhite
508931e92006HondaSilver
b58401771973HondaSilver
6a3a554c1979RenaultWhite
c866296c1972VolkswagenRed
3582f3611969BMWRed
1b8751cd1962MercedesRed
bffb15cd1975BMWGreen
c1c0e8541969RenaultMaroon
a515f5901969FiatBlue
965420591975RenaultSilver
14ebe9ff1963VolvoBrown
3ec715d01995RenaultWhite
c011cb282004FiatBlack
8b1f55ad1969VolkswagenBlue
13496b091965AudiBlue
ccc20cfb2001FordRed
39e1a21f1970JaguarWhite
<p:dataTable var="car" value="#{dtStickyView.cars}" stickyHeader="true" stickyTopAt=".layout-topbar">
    <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>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.