DataTable - Sticky Header

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

Documentation
IdYearBrandColor
36411edd2001BMWRed
9ebecd751961BMWBlue
70bf57091972VolkswagenYellow
b9d9f81d1994JaguarOrange
103bdcd41979AudiMaroon
b389bb131977HondaOrange
b337a6181977FiatMaroon
f868cee02005MercedesRed
cceb70e81982MercedesGreen
d24a0ceb2003RenaultWhite
de94fe771964HondaGreen
e3002d2a2002AudiRed
312bccaa1993AudiMaroon
8a8a49982001AudiSilver
2baca5ee1989VolkswagenBlack
760bf71c1960BMWMaroon
e3622e692008BMWBrown
6f1f750d1982BMWRed
2e8e40021967JaguarMaroon
941ec6c51978HondaGreen
5bf48aa41961AudiMaroon
443596271975BMWWhite
b39274962002VolkswagenBlue
133457d81977BMWBlue
905712711996BMWSilver
42e32b592005JaguarYellow
49303d1b1973VolvoSilver
e1760edc1981AudiRed
c7ba2f811963VolvoBrown
534c8db21976MercedesMaroon
3e6a10461987BMWGreen
5330c0551992VolvoGreen
e8d4965b1964RenaultRed
28376b411965AudiOrange
9da817d41989BMWWhite
6d5ec39e1994RenaultGreen
71e692a51967VolkswagenRed
699f62cc2006JaguarWhite
ba1dd9cc2006VolkswagenBlue
d83446d81986FordOrange
a28bb3ae1967VolvoBrown
38eba3191983HondaBlack
df27dacf1960RenaultOrange
57e4f9e81994VolkswagenWhite
76c761121961FordRed
54321fd91979JaguarYellow
1b2e379d2003MercedesWhite
c931e5b31996FiatWhite
9d6ed89d1979MercedesWhite
5502c8222003MercedesOrange
<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.