jsf - JSFで複数行のテーブルを作成する

Question

以下に示すような構造のテーブルを作成する必要があります。

+----+--------+
| ID | Values |
+----+--------+
|  1 | val 1  |
+----+--------+
|    | val2   |
+----+--------+
|    | val 3  |
+----+--------+
|  2 | val 4  |
+----+--------+
|    | val 5  |
+----+--------+

つまり、最初の列の値は複数の行にまたがることがあります。

私のJSFオブジェクトは;

class abc {
    int id;
    String[] values;
}

Answer 1

あなたはこのようなことをするでしょう：

public class DataBean {
 private List<abc> list;

 public DataBean() {
  list = new ArrayList<abc>();
  populate(list); // method that populates your List
 }

 // getter and setters

.xhtmlページでは、次のことを行います。

<h:dataTable value="#{dataBean.list}" var = "item">
 <h:column>
  <f:facet name="header">
   <h:outputText value="Id" />
  </f:facet>
  <h:outputText value="#{item.id} />
 </h:column>
 <h:column>
  <f:facet name="header">
   <h:outputText value="Values" />
  </f:facet>
  <ui:repeat value="#{item.values}" var = "value">
   <h:outputText value="#{value} /><br />
  </ui:repeat>
 </h:column>
</h:dataTable>

Answer 2

私は、panelGridのPrimeFaces実装を使用することになりました。

<p:panelGrid>
    <p:row>
        <p:column rowspan="2">Header 1</p:column>
        <p:column>attrib 1 1</p:column>
        <p:column>arrtib 1 2</p:column>
    </p:row>
    <p:row>
        <p:column>attrib 2 1</p:column>
        <p:column>arrtib 2 2</p:column>
    </p:row>
</p:panelGrid>