View Source

h2. Overview
_Since 3.0_

The _ace:panelExpansion_ renders a table-width panel filled with its childen components, located underneath the row where [_ace:expansionToggler_|ExpansionToggler] was activated.

{tip}See the ICEfaces Showcase [Live Demo|http://icefaces-showcase.icesoft.org/showcase.jsf?grp=aceMenu&exp=dataTablePanelExpansion] of this component, complete with source code.{tip}

h2. Getting Started
{code}
<ace:dataTable var="single"
value="#{viewBean.objectList}">
<ace:column headerText="UPC">
<h:outputText value="#{single.upc}"/>
</ace:column>

<ace:column headerText="Artist">
<h:outputText value="#{single.artist}" />
</ace:column>

<ace:column headerText="Album">
<h:outputText value="#{single.album}"/>
</ace:column>

<ace:column headerText="Name">
<h:outputText value="#{single.name}"/>
</ace:column>

<ace:column headerText="Show Sales">
<ace:expansionToggler>
</ace:column>

<ace:panelExpansion>
<h:outputText value="#{single.sales}"/>
</ace:panelExpansion>
</ace:dataTable>{code}
h2. Attributes
This component has no attributes.

{tip:title=TagLib Documentation}For reference, the complete taglib documentation for this component is available [here|http://res.icesoft.org/docs/v4_latest/ace/tld/ace/panelExpansion.html].{tip}

h2. Known Issues

h2. Other Resources

{anchor:related}

h3. Related Components

* _[DataTable|DataTable]_
* _[RowExpansion|RowExpansion]_
* _[ExpansionToggler|ExpansionToggler]_