如何做到dataTable的多级表头呢?
<h:form>
<p:dataTable var="sale" value="#{dtGroupView.sales}">
<f:facet name="header">
Sales/Profits of Manufacturers
</f:facet>
<p:columnGroup type="header">
<p:row>
<p:column rowspan="3" headerText="Manufacturer" />
<p:column colspan="4" headerText="Sale Rate" />
</p:row>
<p:row>
<p:column colspan="2" headerText="Sales" />
<p:column colspan="2" headerText="Profit" />
</p:row>
<p:row>
<p:column headerText="Last Year" />
<p:column headerText="This Year" />
<p:column headerText="Last Year" />
<p:column headerText="This Year" />
</p:row>
</p:columnGroup>
<p:column>
<h:outputText value="#{sale.manufacturer}" />
</p:column>
<p:column>
<h:outputText value="#{sale.lastYearProfit}%" />
</p:column>
<p:column>
<h:outputText value="#{sale.thisYearProfit}%" />
</p:column>
<p:column>
<h:outputText value="#{sale.lastYearSale}">
<f:convertNumber type="currency" currencySymbol="$" />
</h:outputText>
</p:column>
<p:column>
<h:outputText value="#{sale.thisYearSale}">
<f:convertNumber type="currency" currencySymbol="$" />
</h:outputText>
</p:column>
<p:columnGroup type="footer">
<p:row>
<p:column colspan="3" style="text-align:right" footerText="Totals:" />
<p:column footerText="$#{dtGroupView.lastYearTotal}" />
<p:column footerText="$#{dtGroupView.thisYearTotal}" />
</p:row>
</p:columnGroup>
<f:facet name="footer">
Data between 2013-2014
</f:facet>
</p:dataTable>
<p:dataTable var="player" value="#{dtGroupView.players}" style="margin-top:40px">
<f:facet name="header">
Dynamic Columns
</f:facet>
<p:columnGroup type="header">
<p:row>
<p:column rowspan="2" headerText="Player" />
<p:column colspan="#{dtGroupView.yearCount}" headerText="Goals" />
</p:row>
<p:row>
<ui:repeat value="#{dtGroupView.years}" var="year">
<p:column headerText="#{year}" />
</ui:repeat>
</p:row>
</p:columnGroup>
<p:column>
<h:outputText value="#{player.name}" />
</p:column>
<p:columns value="#{dtGroupView.years}" var="year">
<h:outputText value="#{player.getGoals(year)}" />
</p:columns>
<f:facet name="footer">
Data between 2010-2014
</f:facet>
</p:dataTable>
</h:form>
运行一下,效果就出来了