您可以使用支持“ newspaperColumns”和“
newspaperOrientation”属性的t:dataTable组件。NewsColumns确定表格将被划分的列数,并且报纸定向在报纸表格中确定报纸列的方向。
在您的示例中,bean:
public class Bean { public List<String> getPeople() { List<String> people = new ArrayList<String>(); people.add("Jems"); people.add("tom"); people.add("chirs"); people.add("harry"); return people; }}和JSF:
<t:dataTable var="person" value="#{bean.people}" rowIndexVar="index" newspaperOrientation="horizontal" newspaperColumns="2"> <h:column> <h:outputText value="#{index + 1}"/> </h:column> <h:column> <h:outputText value="#{person}"/> </h:column></t:dataTable>呈现为:
<table> <tbody id="_id13:tbody_element"> <tr><td>1</td><td>Jems</td><td>2</td><td>tom</td></tr> <tr><td>3</td><td>chirs</td><td>4</td><td>harry</td></tr> </tbody></table>



