0

この構造でテーブルを作成する必要があります。

Column A     Column B     Column C     Column D
 xxxx         xxxx         xxxx         xxxx
Column E     Column F     Column G     Column H
 xxxx         xxxx         xxxx         xxxx

N私のリストのアイテムの量に応じて、これは何度も繰り返されるでしょう。

Googleで検索しましたが、複数行の例は見つかりませんでした。

datatableメインの内部で使用してみましdatatableたが、結果がありません。

4

4 に答える 4

1

テーブルを作成してHTMLELを使用しますが、必要に応じてそれでうまくいきます。

于 2012-05-18T12:08:52.093 に答える
1

このようなものはどうですか：

   <h:dataTable value="#{bean.items}" var="item">
        <table>
          <tr>
              <td>column A</td>
              <td>column B</td>
              <td>column C</td>
              <td>column D</td>
          </tr>
          <tr>
              <td>#{item.columnA}</td>
              <td>#{item.columnB}</td>
              <td>#{item.columnC}</td>
              <td>#{item.columnD}</td>
          </tr>
          <tr>
              <td>column E</td>
              <td>column F</td>
              <td>column G</td>
              <td>column H</td>
          </tr>
          <tr>
              <td>#{item.columnE}</td>
              <td>#{item.columnF}</td>
              <td>#{item.columnG}</td>
              <td>#{item.columnH}</td>
          </tr>
        </table>
    </h:dataTable>
于 2012-05-14T20:59:22.213 に答える
0

標準のJSFコンポーネントを使用する最も簡単なアプローチは、単一の列/セルでセル値を互いに下にレンダリングすることです。

<h:dataTable value="#{bean.items}" var="item">
    <h:column>#{item.columnA}<br/>#{item.columnE}</h:column>
    <h:column>#{item.columnB}<br/>#{item.columnF}</h:column>
    <h:column>#{item.columnC}<br/>#{item.columnG}</h:column>
    <h:column>#{item.columnD}<br/>#{item.columnH}</h:column>
</h:dataTable>

必要に応じて、各値をa<div>でラップし、適切なサイズ、境界線、背景に応じてCSSを挿入して、実際の行のように見せることができます。

于 2012-05-14T16:05:58.827 に答える
0

あなたはあなたの必要に応じて合意を渡し、ここで答えList<Object[]>の価値属性でそれを得ることができます。<h:datatable>

于 2017-02-18T00:09:13.783 に答える