JARCH SHOWCASE
JARCH SHOWCASE
DataTable - ColumnToggler ColumnToggler is a helper component of datatable to toggle the visibility of columns.
List of Cars
IdYearBrandColorPrice
a33e0d071983MercedesYellow$ 97.517,00
b80f662f1964MercedesBrown$ 62.726,00
cf40c9ea1995VolvoRed$ 51.122,00
3f27200b1995MercedesBrown$ 92.166,00
c46618552009MercedesBlue$ 75.551,00
52e125321978VolvoOrange$ 99.766,00
3a5fddaa1977VolkswagenSilver$ 6.547,00
16c010152000BMWRed$ 82.812,00
0bb757801978FiatBrown$ 68.432,00
8a2434f91969MercedesSilver$ 93.129,00
<a:dataTable id="cars" var="car" value="#{dtBasicView.cars}">
    <f:facet name="header">
        List of Cars

        <a:commandButton id="toggler" type="button" value="Columns" style="float:right" icon="ui-icon-calculator" />
        <a:columnToggler datasource="cars" trigger="toggler" />
    </f:facet>

    <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:column headerText="Price">
        <h:outputText value="#{car.price}">
            <f:convertNumber type="currency" currencySymbol="$" />
        </h:outputText>
    </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.