JSFタグ<h:dataTable>でヘッダのcolspan

質問

お世話になります。

JSFの<h:dataTable>で、ヘッダをcolspanで結合する方法、さらにヘッダを2行にしたいのですが、可能でしょうか？

以下のようなhtmlを生成したいのです。

<table border="1">
　<thead>
　　<tr>
　　　<th colspan="2" scope="colgroup">May</th>
　　　<th colspan="2" scope="colgroup">June</th>
　　</tr>
　　<tr>
　　　<th>name</th>
　　　<th>flag</th>
　　　<th>name</th>
　　　<th>flag</th>
　　</tr>
　</thead>
　<tbody>
　　<tr>
　　　<td>5A</td>
　　　<td>B</td>
　　　<td>6A</td>
　　　<td>D</td>
　　</tr>
　　<tr>
　　　<td>7B</td>
　　　<td>B</td>
　　</tr>
　</tbody>
</table>

テーブル要素をカラム単位<h:column>で管理するので、このようなことはできないような気がしていますが、なにか方法ありませんでしょうか。

よろしくお願いいたします。

回答No.1

chaoruko · ベストアンサー

いろいろやってみましたができないっぽかったです
外はcolums=2 でつくって
h:column のなかで h:panelGrid をつかったりしています
でもスタイルシートなどで長さを指定しないといけないので
むずかしいというか面倒くさいかんじです