I am newbie to
jsf!
How to display rich:dataTable between two rows of another rich:dataTable?
First Parent rich:dataTable code:
suppose that sessionScope.valueList has a size of 2. So dataTable iterates two times.
<rich:dataTable value="#{sessionScope.valueList}" var="listValue">
<rich:column>
<h:outputText value="#{listValue.heading1}"/>
<rich:dataTable value="#{listValue.anotherList}" var="value2" style="display:none">
display items code here....
</rich:dataTable>
</rich:column>
<rich:column>
<h:outputText value="#{listValue.value1}"/>
</rich:column>
<rich:column>
<h:outputText value="#{listValue.heading2}"/>
</rich:column>
<rich:column>
<h:outputText value="#{listValue.value2}"/>
</rich:column>
</rich:dataTable>
Now when i click on image rich:dataTable display style will become inline in javaScript.
But the child rich:dataTable is displaying in 1st column of parent rich:dataTable. I want it to display in between two rows of parent rich:dataTable.
how can i achieve this?