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

【緩募】JSFで１レコード複数行のテーブルの作り方。|дﾟ)ﾁﾗｯ

— いまいまさのぶ (@masanobuimai) 2014, 7月 18

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で分割してるだけです。

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

表示すると