JARCH SHOWCASE
JARCH SHOWCASE
DataTable - Group DataTable column headers and footers can be combined for grouped display.
Sales/Profits of Manufacturers
ManufacturerSale Rate
SalesProfit
Last YearThis YearLast YearThis Year
Apple80%8%$ 84.400,00$ 79.084,00
Samsung13%32%$ 80.859,00$ 32.338,00
Microsoft47%55%$ 58.376,00$ 28.220,00
Philips63%21%$ 85.805,00$ 45.162,00
Sony84%45%$ 58.027,00$ 31.178,00
LG50%4%$ 24.182,00$ 42.040,00
Sharp82%13%$ 67.228,00$ 50.254,00
Panasonic48%88%$ 58.418,00$ 16.811,00
HTC20%5%$ 49.058,00$ 38.512,00
Nokia68%2%$ 16.333,00$ 45.056,00
Totals:$582.686$408.655
Dynamic Columns
PlayerGoals
20102011201220132014
Lionel Messi2411253626
Cristiano Ronaldo3921491233
Arjen Robben3925153015
Franck Ribery533103134
Ronaldinho4649124138
Luis Suarez263933248
Sergio Aguero3615361212
Zlatan Ibrahimovic1417231623
Neymar Jr2234301048
Andres Iniesta4423121334
   
<a:form>
    <a:dataTable var="sale" value="#{dtGroupView.sales}">
        <f:facet name="header">
            Sales/Profits of Manufacturers
        </f:facet>

        <a:columnGroup type="header">
            <a:row>
                <a:column rowspan="3" headerText="Manufacturer" />
                <a:column colspan="4" headerText="Sale Rate" />
            </a:row>
            <a:row>
                <a:column colspan="2" headerText="Sales" />
                <a:column colspan="2" headerText="Profit" />
            </a:row>
            <a:row>
                <a:column headerText="Last Year" />
                <a:column headerText="This Year" />
                <a:column headerText="Last Year" />
                <a:column headerText="This Year" />
            </a:row>
        </a:columnGroup>

        <a:column>
            <h:outputText value="#{sale.manufacturer}" />
        </a:column>
        <a:column>
            <h:outputText value="#{sale.lastYearProfit}%" />
        </a:column>
        <a:column>
            <h:outputText value="#{sale.thisYearProfit}%" />
        </a:column>
        <a:column>
            <h:outputText value="#{sale.lastYearSale}">
                <f:convertNumber type="currency" currencySymbol="$" />
            </h:outputText>
        </a:column>
        <a:column>
            <h:outputText value="#{sale.thisYearSale}">
                <f:convertNumber type="currency" currencySymbol="$" />
            </h:outputText>
        </a:column>

        <a:columnGroup type="footer">
            <a:row>
                <a:column colspan="3" style="text-align:right" footerText="Totals:" />
                <a:column footerText="$#{dtGroupView.lastYearTotal}" />

                <a:column footerText="$#{dtGroupView.thisYearTotal}" />
            </a:row>
        </a:columnGroup>

        <f:facet name="footer">
            Data between 2013-2014
        </f:facet>
    </a:dataTable>

    <a:dataTable var="player" value="#{dtGroupView.players}" style="margin-top:40px">
        <f:facet name="header">
            Dynamic Columns
        </f:facet>

        <a:columnGroup type="header">
            <a:row>
                <a:column rowspan="2" headerText="Player" />
                <a:column colspan="#{dtGroupView.yearCount}" headerText="Goals" />
            </a:row>
            <a:row>
                <ui:repeat value="#{dtGroupView.years}" var="year">
                    <a:column headerText="#{year}" />
                </ui:repeat>
            </a:row>
        </a:columnGroup>

        <a:column>
            <h:outputText value="#{player.name}" />
        </a:column>

        <a:columns value="#{dtGroupView.years}" var="year">
            <h:outputText value="#{player.getGoals(year)}" />
        </a:columns>

        <f:facet name="footer">
            Data between 2010-2014
        </f:facet>
    </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.