JARCH SHOWCASE
JARCH SHOWCASE
DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
a3f02f191963FordRed
4ca3ff811974FiatRed
095ee9961983MercedesRed
cacbd54a1988AudiOrange
250c2d211991FordSilver
146bfc5f1983AudiMaroon
d923ce721967MercedesOrange
38381e5a1998VolkswagenMaroon
668a45831973FiatMaroon
3deffc0a2004VolvoRed
7373d2821987VolkswagenBlue
7cfb6f141988FiatGreen
4c089e972004BMWBlack
94a126392001JaguarSilver
90b560011976AudiWhite
d4a716361979JaguarYellow
9c675cb11968MercedesWhite
9f2a44432007BMWMaroon
c603c1ac1990FordBrown
3b50f2b61973FordMaroon
1dc4ab832005JaguarSilver
b7e821021994RenaultBrown
4e99cff01979FordRed
7f0081ef1979JaguarOrange
46be51e61989RenaultMaroon
07e504141969HondaOrange
2fbed79f1960HondaMaroon
7a16cd0e1973FiatWhite
6fdb92b81964JaguarBlue
1e8bdb441991FordBlack
cc06b6f81966FiatMaroon
470446321995AudiYellow
acc939c62006VolkswagenSilver
3e6f2e501960MercedesBlack
e7c668ca1989AudiSilver
6a4dfb791976VolvoMaroon
28b80dd02007BMWBrown
f45bc3132004FordGreen
6cba95991971VolvoBrown
3e7c99721979FordBrown
99f7e6f21965JaguarBlack
6c4c20461967BMWBrown
f372c0fd1983VolvoOrange
e5495f341985AudiWhite
17182a111962VolkswagenRed
98100d7a1986VolvoWhite
87b9dcf61967BMWWhite
c1abf7291986FordGreen
378317c51999VolkswagenBlack
49f85a281963RenaultOrange
<a:dataTable var="car" value="#{dtStickyView.cars}" stickyHeader="true">
    <a:column headerText="Id">
        <h:outputText value="#{car.id}" />
    </a:column>
    <a:column headerText="Year">
        <h:outputText value="#{car.year}" />
    </a:column>
    <a:column headerText="Brand">
        <h:outputText value="#{car.brand}" />
    </a:column>
    <a:column headerText="Color">
        <h:outputText value="#{car.color}" />
    </a:column>
</a:dataTable>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.