如何使用JSF dataTable在水平方向上显示数据

时间:2010-04-29 12:26:26

标签: jsf

如何在水平方向上显示数据,如:

lable: data
name: srinu 
在JSF中使用h:dataTable的多行

?现在我正在垂直方向获取数据,如:

| lable | data|
  data   srinu

我想要这种格式:

lable: data
name: srinu

我使用的代码是:

<h:dataTable id="fundInfo" value="#{clientFundInfo}" border="1"
     var="client" first="0" rows="5" rules="all">
 <h:column> 
     <h:outputText value="CLIENT:"/>
   <h:outputText value="#{client.clientName}"></h:outputText>
 </h:column>
 <h:column> <h:outputText value="FUND:"/>
  <h:outputText value="#{client.fundName}"></h:outputText>
 </h:column>
 <h:column> 
  <h:outputText value="Employer Identification Number:"/>
  <h:outputText value="#{client.empIdentificationNum}"></h:outputText>
 </h:column>
 <h:column><h:outputText value="FISCAL YEAR ENDED:"/>
  <h:outputText value="#{client.fye}"></h:outputText>
 </h:column>
 <h:column><h:outputText value="Shares Outstanding"/>
  <h:outputText value="#{client.sharesOutstanding}"></h:outputText>
  </h:column>
</h:dataTable>

2 个答案:

答案 0 :(得分:5)

如果你不想让它成为一个表,那么只需使用(facelets):

<ui:repeat value="#{clientFundInfo}" var="info">
   // feel free to use any tags here
</ui:repeat>

答案 1 :(得分:1)

不确定是否为时已晚。

<table><tr>
                    <ui:repeat
                            value="#{ListOfColumns}"
                                var="columnName">

                                <td><h:dataTable
                                        value="#{ListofData}"
                                        var="Data">
                                        <h:column>
                                        <f:facet name="header">#{ColumnName}</f:facet>
                                        <h:outputText"
                                            value="#{Data.somethig)}">

                                        </h:outputText>
                                        <h:outputText"
                                            value="#{Data.somethingElse}">

                                        </h:outputText>
                                        </h:column>
                                    </h:dataTable>

                                </td>
                            </ui:repeat>
                        </tr>
                    </table>