dataTable

The dataTable component provides a tabular view of a UIData structure. It supports table Header and Footer facets, embedded column components, which in turn may contain column header, footer, and commandSortHeader facets. The dataTable component may also optionally be used with a dataPaginator to provide a paged table view.

The dataTable component can be used in cases where a tablular view of a data-set is required.

The followings code shows how to create a basic dataTable component:

<ice:dataTable
        var="car"
         value="#{list.cars}"
         sortColumn="#{list.sort}"
         sortAscending="#{list.ascending}"
         preserveDataModel="true"
         preserveSort="true">
  
        <f:facet name="header">
                 <ice:outputText value="(header table)"  />
         </f:facet>
 
        <f:facet name="footer">
                 <ice:outputText value="(footer table)"  />
         </f:facet>
  
        <ice:column>
                <f:facet name="header">
                         <ice:outputText value="Type" />
                 </f:facet>
                <ice:outputText value="#{car.type}" />
                <f:facet name="footer">
                         <ice:outputText id="ftr1" value="(footer col1)"  />
                 </f:facet>
        </ice:column>
  
        <ice:column>
                <f:facet name="header">
                         <ice:outputText value="Color" />
                </f:facet>
                <ice:outputText value="#{car.color}" />
                <f:facet name="footer">
                        <ice:outputText id="ftr2" value="(footer col2)"  />
                </f:facet>
        </ice:column>
 
</ice:dataTable>