Challenge Engineer Life !

エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。

JSFで1レコード複数行のテーブル表示

PrimeFacesとか使うとそれっぽいコンポもあるのですが、シンプルにやるなら以下とかどうでしょうか(^^;

<h:dataTable id="todoTbl" var="todo" value="#{todoBean.todoList}"  border="1">
    <h:column>
        <h:outputText value="#{todo.id}" />
    </h:column>
    <h:column>
        <h:panelGrid columns="1">
            <h:outputText value="#{todo.todo}" />
            <h:outputText value="#{todo.duedate}" />
        </h:panelGrid>
    </h:column>
</h:dataTable>

Columnの中をpanelGridで分割してるだけです。

以下のデータベースのデータを

f:id:kikutaro777:20140719092309j:plain

表示すると

f:id:kikutaro777:20140719092332j:plain

にほんブログ村 IT技術ブログへ
にほんブログ村 にほんブログ村 IT技術ブログ Javaへ
にほんブログ村