我已经在jsf页面中成功显示了动态数据表(动态列和行)。
但是,我需要垂直显示多个表格。如何在列表中进行迭代才能显示它们?
感谢
即使世界
答案 0 :(得分:1)
怎么样
<ul>
<ui:repeat value="#{someBean.items}" var="someCurrentItems">
<li>
<h:dataTable value="#{someCurrentItems}" var="currentItem"></h:dataTable>
</li>
</ui:repeat>
</ul>
如果你想要删除公告,请将其添加到你的css文件中(如果你将ul
与div
包裹在id
中,你可以为css提供更精确的选择器1}} ...)
ul { list-style-type: none; }
答案 1 :(得分:0)
另一个更详细的例子:
<ul>
<ui:repeat value="#{timeslipBean.usersSlips}" var="tabSlips" >
<li>
<p:dataTable id="timeslips" var="time" value="#{tabSlips.table}">
<h2>
#{tabSlips.label}
</h2>
<p:column >
<f:facet name="header" >
User
</f:facet>
<h:outputText value="#{time.user}"/>
</p:column>
<p:columns value="#{tabSlips.columns}" var="column" columnIndexVar="colIndex" styleClass="#{time.times[colIndex].festivo ? 'festivo' : null}">
<f:facet name="header">
#{column.header}
</f:facet>
<h:outputText value="#{time.times[colIndex].hours}" styleClass="#{time.times[colIndex].style}"/>
</p:columns>
</p:dataTable>
</li>
</ui:repeat>
</ul>