JARCH SHOWCASE
JARCH SHOWCASE
DataTable - Sticky Header Header of the datatable can be fixed to keep it in viewport during scroll.
IdYearBrandColor
2bfc1a761969FordBlack
03929c702005AudiMaroon
9cd779f01990VolvoBlack
265c5d702005FordYellow
102427372007VolkswagenGreen
a7558b481988VolvoMaroon
6193cd2e1969VolkswagenYellow
0e6e98fa1977FiatRed
12dd129e1988FordYellow
c7562ae42006HondaBrown
a891df2b1986VolvoMaroon
f7cdf3b92007RenaultWhite
f62a6a951964FordBrown
eecf9f291995RenaultBlue
5a6eb6612006RenaultBrown
e86b0d051967HondaWhite
cee62ea02000VolvoMaroon
977799b61972RenaultSilver
82fcf6812002JaguarSilver
e1b1d9c31982JaguarSilver
3eebdc162007RenaultSilver
974270f51998VolkswagenBlue
a990220d1992AudiSilver
ed7779f91989AudiRed
b138827b1972AudiBlue
a6abdf291991VolkswagenBlue
ab4007c51969BMWSilver
b46039801978AudiBlue
03e2974a2004FordBlue
1ac2325f1970BMWOrange
d5e7e7e01976BMWSilver
887240881998MercedesOrange
b31b60671970FordOrange
17196c632002VolvoGreen
53e7d18b1978RenaultBlack
799ef4b42007RenaultRed
09a3912d2007FiatBlue
5db5548c1974HondaBlue
6abf1e791975FiatGreen
e7a32b862006FordSilver
d98a3ce11961FiatWhite
f4a9cdbc1968AudiMaroon
db6857421989FiatSilver
a885048d2008BMWOrange
d752da851987RenaultOrange
34a821371996FiatBrown
67e851051967VolvoGreen
a34afce81973AudiSilver
50bff0251987FordWhite
115cb8801997JaguarGreen
<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.