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在 main 内部使用，datatable但没有结果。

4

4 回答 4

1

我会创建一个HTML表并使用 EL，如有必要，这对我有用。

于 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 回答