2017-04-22 13 views
1

私はJSFで使用しますが、名前は上から下のように見えます。私は彼らを奇妙に見たいと思う。写真は以下の通りです。 これは、このコードを実行するときの画像です:JSF <h:dataTable>列の設定?

しかし、私はそれを見たい:

<h:dataTable value="#{bean.persons()}" var="myvar"> 
    <h:column> 
     #{myvar.name} 
    </h:column> 
</h:dataTable> 

答えて

1

dataTableが本当に仕事のための適切なツールではありません。 panelGridを使用することをお勧めします。ここで、子コンポーネントをレンダリングする列の数を指定できます。だからあなたのケース4には:

<h:panelGrid columns="4"> 
    <c:forEach items="#{bean.persons()}" var="myvar"> 
    <h:outputText value="#{myvar.name}"/> 
    </c:forEach> 
</h:panelGrid> 

それはあなたのテキストをレンダリングするためにoutputTextコンポーネントを使用し、各コンポーネントの列を作成しますと。

しかし、あなたが本当にdataTableに固執する場合、あなたはそれを(たとえばclass="myTable"用)クラスを与え、4列にそれをスタイルするためにCSSを使用することができます。

.myTable * { display: block; } 
.myTable tr { width: 25%; float: left; } 
関連する問題