How can I display a ViewObject in 'vertical' table? (11g)

Question

In our application we have a need to display data that comes from a ViewObject in a 'vertical' table, rather than the standard horizontal layout the <af:table> displays.
For example, suppose the ViewObject has 3 attributes -- Attr1, Attr2 and Attr3.
Rather than displaying bound viewObject data in columns that run horizontally such as this:
(Row1)      Attr1 | Attr2 | Attr3
(Row2)      Attr1 | Attr2 | Attr3
(Row3)      Attr1 | Attr2 | Attr3
...I we want to display:
(Row1)
Attr1
Attr2
Attr3
(Row2)
Attr1
Attr2
Attr3
(Row3)
Attr1
Attr2
Attr3
...Is it possible to achieve this using the af:table tag and monkeying with the css styles or is there another tag suited for this such as the forEach tag?
Does anyone have experience with this? Thanks in advance

Answer 1

Well, you can use just one <af:column, and put all the attributes under it... can even try using some grouplayout -vertical..
<af:table value="#{bindings.Something.collectionModel}"   var="row">
   <af:column>
      <af:panelGroupLayout layout="vertical">
         <af:activeOutputText value="#{row.bindings.column1.inputValue}" id="aot1"/>
         <af:activeOutputText value="#{row.bindings.column2.inputValue}" id="aot2"/>
         <af:activeOutputText value="#{row.bindings.column3.inputValue}" id="aot3"/>
      </af:panelGroupLayout>
   </af:column>
</af:table>                   Should definitely work
Julian