JARCH SHOWCASE
JARCH SHOWCASE
DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
c5f897121986RenaultMaroon
09747bd52007BMWMaroon
c012d6d41974BMWYellow
9d74af691968MercedesMaroon
19a8352c1984RenaultGreen
42273d961979FiatYellow
9cd46c661996HondaOrange
07ea18db2001MercedesMaroon
fddad1da1995FiatYellow
321e544c1961HondaBlack
7465a4551983FordOrange
885443351992VolvoMaroon
25c17dd02004HondaMaroon
5ddb97912002VolvoMaroon
dfbbaa3d1996RenaultMaroon
6a8747661988HondaBrown
b73871081970AudiBlue
bb2830311960FiatRed
2e33c4401960VolvoMaroon
f22584282009AudiBlue
fef7a30d1986JaguarSilver
fc641f351964FordWhite
fc0bf4281963FordMaroon
4ffcdf422002FordWhite
33a7c4651963VolvoBlue
f26b77c11991FordSilver
4920d0261991FordGreen
465fba691971FordSilver
e34d2f2f1981VolkswagenGreen
d60a9bc61987FordRed
42c7fef61990FiatBlue
df66e77a1968FiatGreen
035a83911997VolkswagenBlue
c62b98752001FiatBlack
f547dce61992FordWhite
ee5f82cd1977JaguarYellow
8f06cbfa1986FordBlue
755b88621965VolkswagenRed
9b1ca9011980VolvoBlack
7065bbd01984JaguarBlue
33992e042008MercedesBlack
02e0ab8f2007FordYellow
2ea79d5f1975JaguarBlack
e6ebf22c2009VolkswagenYellow
6c9ac9da2009RenaultSilver
34c811db1977VolvoGreen
2b84210e2006MercedesWhite
165dad471995JaguarSilver
e8585e9e2000HondaOrange
6bf44a511986AudiBrown
<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.