The tag allows dynamic columns functionality in a rich:dataTable. It is used like a UIData component which iterates through a data model to create columns.

The component uses a standard value/var pair of attributes to provide binding to data model and request scoped variable for iteration through this data model.

The next simple example shows you a simple use-case where ten types of cars are created and a list of models with prices is generated for each type of car. In the dataTable cars are grouped by type in a separate columns.

DataTable Columns example

Cars Available
Chevrolet	Ford	Nissan	Toyota	GMC	Infiniti
Corvette 75173.0 miles 33883$	Explorer 66923.0 miles 43711$	Maxima 42791.0 miles 46272$	Camry 16002.0 miles 34655$	Yukon 7557.0 miles 20091$	G35 32216.0 miles 35189$
Corvette 48122.0 miles 23121$	Explorer 29414.0 miles 37436$	Maxima 32314.0 miles 16687$	Camry 69068.0 miles 18703$	Yukon 74002.0 miles 46960$	G35 78448.0 miles 22178$
Corvette 14254.0 miles 29653$	Explorer 12044.0 miles 33644$	Maxima 23459.0 miles 48008$	Camry 29311.0 miles 50650$	Yukon 70983.0 miles 54909$	G35 64558.0 miles 54282$
Corvette 6648.0 miles 22405$	Explorer 73650.0 miles 46125$	Maxima 38083.0 miles 47053$	Camry 21390.0 miles 47347$	Yukon 58469.0 miles 28337$	G35 45047.0 miles 24635$
Corvette 21224.0 miles 43802$	Explorer 24248.0 miles 19868$	Maxima 29686.0 miles 29646$	Camry 76454.0 miles 29837$	Yukon 52968.0 miles 16244$	G35 49330.0 miles 29184$
Corvette 33218.0 miles 40364$	Explorer 45806.0 miles 21010$	Maxima 8961.0 miles 38166$	Camry 71046.0 miles 34249$	Yukon 50197.0 miles 37234$	G35 16393.0 miles 32987$
Corvette 49964.0 miles 19453$	Explorer 66252.0 miles 16673$	Maxima 29367.0 miles 20694$	Camry 74265.0 miles 45856$	Yukon 56783.0 miles 42250$	G35 69903.0 miles 53149$
Corvette 43763.0 miles 25443$	Explorer 25323.0 miles 30513$	Maxima 65341.0 miles 21289$	Camry 31886.0 miles 34749$	Yukon 52950.0 miles 32726$	G35 62375.0 miles 32888$
Corvette 57565.0 miles 34168$	Explorer 7543.0 miles 27286$	Maxima 21595.0 miles 15482$	Camry 65058.0 miles 21232$	Yukon 21689.0 miles 15202$	G35 37303.0 miles 16891$

HideView Source

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich">
    <h:form>
        <rich:dataTable value="#{dataTableScrollerBean.model}" var="model" width="750">

            <f:facet name="header">
                <h:outputText value="Cars Available"></h:outputText>
            </f:facet>
            
            <rich:columns value="#{dataTableScrollerBean.columns}" var="columns"
                index="ind" id="column#{ind}" sortBy="#{model[ind].price}" sortOrder="#{columns.sortOrder}">
                 
                <f:facet name="header">
                    <h:outputText value="#{columns.header}" />
                </f:facet>
            
                <h:outputText value="#{model[ind].model} " />
                <h:outputText value="#{model[ind].mileage} miles " />
                <h:outputText value="#{model[ind].price}$"
                    style="font-style:italic;" />
                    
            </rich:columns>
            
        </rich:dataTable>
    </h:form>
</ui:composition>

<<Hide Source