JARCH SHOWCASE
JARCH SHOWCASE
DataTable - Sort Sorting is enabled with sortBy expressions. Both single and multiple column sorting are supported.
Single Column Sort
IdYearBrandColor
931ef9831999VolvoWhite
209fcc1b1996FiatOrange
7c9381031998RenaultBrown
0d17b47e2008MercedesSilver
823d930c1981HondaWhite
4f6500602001AudiOrange
fdfa12481992FordWhite
1107429c1987MercedesWhite
7c012afd1983RenaultYellow
caaf856b1968MercedesRed
Editable Values
IdYearBrandColor
Multiple Column Sort with Metakey
IdYearBrandColor
<a:form>
    <a:dataTable var="car" value="#{dtSortView.cars1}" style="margin-bottom:40px">
        <f:facet name="header">
            Single Column Sort
        </f:facet>
        <a:column headerText="Id" sortBy="#{car.id}">
            <h:outputText value="#{car.id}" />
        </a:column>

        <a:column headerText="Year" sortBy="#{car.year}">
            <h:outputText value="#{car.year}" />
        </a:column>

        <a:column headerText="Brand" sortBy="#{car.brand}">
            <h:outputText value="#{car.brand}" />
        </a:column>

        <a:column headerText="Color" sortBy="#{car.color}">
            <h:outputText value="#{car.color}" />
        </a:column>
    </a:dataTable>

    <a:dataTable var="car" value="#{dtSortView.cars2}" style="margin-bottom:40px">
        <f:facet name="header">
            Editable Values
        </f:facet>
        <a:ajax event="sort" skipChildren="false" />
        <a:column headerText="Id" sortBy="#{car.id}">
            <a:inputText value="#{car.id}" />
        </a:column>

        <a:column headerText="Year" sortBy="#{car.year}">
            <a:inputText value="#{car.year}" />
        </a:column>

        <a:column headerText="Brand" sortBy="#{car.brand}">
            <a:inputText value="#{car.brand}" />
        </a:column>

        <a:column headerText="Color" sortBy="#{car.color}">
            <a:inputText value="#{car.color}" />
        </a:column>
    </a:dataTable>

    <a:dataTable var="car" value="#{dtSortView.cars3}" sortMode="multiple">
        <f:facet name="header">
            Multiple Column Sort with Metakey
        </f:facet>
        <a:column headerText="Id" sortBy="#{car.id}">
            <h:outputText value="#{car.id}" />
        </a:column>

        <a:column headerText="Year" sortBy="#{car.year}">
            <h:outputText value="#{car.year}" />
        </a:column>

        <a:column headerText="Brand" sortBy="#{car.brand}">
            <h:outputText value="#{car.brand}" />
        </a:column>

        <a:column headerText="Color" sortBy="#{car.color}">
            <h:outputText value="#{car.color}" />
        </a:column>
    </a:dataTable>
</a:form>
                
JARCH, Copyright © 2022 All rights reserved. Running JARCH 24.3.0-SNAPSHOT on PrimeFaces-12.0.0 on Mojarra-2.3.13.