DataTable - Sticky Header

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

Documentation
IdYearBrandColor
73690d481982FordOrange
e77184381968BMWRed
7e286d0e1986VolkswagenYellow
a64177701970MercedesOrange
79b0a66b1985FiatGreen
5ba0642d1999FiatWhite
1089a6c11984AudiYellow
2140995c1983HondaSilver
8e4e46942004BMWBrown
6b19dfb62001VolkswagenRed
c24ea46d1963FiatOrange
ecd2afc61984RenaultSilver
be087cbe1977HondaBrown
f5fca5091965RenaultBlack
cd30728f1972FordRed
0f4727d51977VolkswagenRed
abfcfe4a2000VolkswagenWhite
5a7170611972BMWBlack
1f3cdb851975VolvoBrown
5f4404ff2006VolkswagenWhite
cc60f49a1964VolkswagenYellow
fa4230201985MercedesRed
e3f7c4af1972FordWhite
634da7a61960JaguarWhite
d800a6242009FiatOrange
272c7e4b1969AudiSilver
e5af21691989JaguarRed
f1370e8d1976FordYellow
186fbad31973FiatSilver
ccc54b2a1999AudiYellow
20f842ad1981FordMaroon
9fbfe8671970AudiYellow
641ebdfd1994JaguarYellow
9efe44251983JaguarWhite
3af056ba1960VolvoOrange
2a3c7a021981HondaYellow
0ac514991993MercedesYellow
e91cc6ee2002VolkswagenOrange
09bed1961969AudiYellow
7a45a54e1991VolvoGreen
87592f011969BMWMaroon
1c5802f11992FiatBlack
d717e20d1971FiatSilver
e345c43a1977FiatYellow
2a582a3e2001MercedesSilver
9b0be3341968BMWBrown
6fa7c76c2000JaguarRed
952c1f8e1969VolvoSilver
c3b46f6a2001MercedesWhite
f10b4fcf1996JaguarBlue
<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.