How to make rows into columns?

[loveq]

HI ALL;

I want to make rows intocolums？ my code is like following:

<f:view>
            <div align="center">
                <h:form>
                    <rich:dataTable rows="5" id="p" value="#{user.people}" var="person"
                        width="50%">
                        <f:facet name="header">
                            <rich:columnGroup>
 
                                    <rich:column>
                                        <h:outputText value="id" />
                                    </rich:column>
                                <rich:column>
                                    <h:outputText value="Num01" />
                                </rich:column>
                                <rich:column>
                                    <h:outputText value="Num02" />
                                </rich:column>
                                <rich:column>
                                    <h:outputText value="Num03" />
                                </rich:column>
                                <rich:column>
                                    <h:outputText value="Num04" />
                                </rich:column>
                            </rich:columnGroup>
                        </f:facet>
 
                        <rich:columnGroup>
                            <rich:column>
                                <h:outputText value="#{person.id}">
                                    <a4j:support />
                                </h:outputText>
                            </rich:column>
                            <rich:column>
                                <h:outputText value="#{person.num01}">
                                    <a4j:support />
                                </h:outputText>
                            </rich:column>
                            <rich:column>
                                <h:outputText value="#{person.num02}" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="#{person.num03}" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="#{person.num04}" />
                            </rich:column>
                        </rich:columnGroup>
                    </rich:dataTable>
                    <rich:datascroller page="2" for="p" rendered="true" fastStep="2"
                        renderIfSinglePage="true" maxPages="5" />
                </h:form>
            </div>
        </f:view>

The result is like the following：

id	Num01	Num02	Num03	Num04
0	100.0	101.0	102.0	103.0

but it do not want the about result.

i want the result is like this :

id	0
num01	100
num02	101
num03	102
num04	103

Anyone can help me??

[liuliu]

hi,

Datagrid maybe help you.

liu

[iabughosh]

Hi loveq,

you can use rowspan property of rich:column :

<rich:column rowspan="3">

</rich:column>

<rich:column breakRowBefore="true">

</rich:column>

<rich:column breakRowBefore="true">

</rich:column>

[loveq]

Hi Ibrahim liumin，

     It  works now .Thank you for your help.