JSF RichTable 合并标题中的行/列

Question

我想要做的是在其标题中使用 RichTable 进行此布局，使其具有 3 列：

+---+---+-------+
|   |   | 3   5 |
| 1 | 2 |-------+
|   |   | 4   6 |
+---+---+-------+

我使用了 this (8.2) 资源来完成它。 富面孔 4.0.0

但相反，我最终得到了没有任何合并的普通表格行。

你能解释一下吗？

更新：

关于 Vasil Lukach 的回答。在我的情况下（如果我复制粘贴这些代码），我有这个结果（我使用硬编码值来保持简单）：

我的代码如下所示：

 <rich:dataTable id="mydatatable"
                                    value="#{applicationListBean.data}" >

                    <f:facet name="header">
                        <h:outputText value="msg.txnLineItems" />
                        <rich:columnGroup>
                            <rich:column rowspan="2">
                                <h:outputText value="msg.item" />
                            </rich:column>
                            <rich:column rowspan="2">
                                <h:outputText value="msg.department" />
                            </rich:column>
                            <rich:column rowspan="2">
                                <h:outputText value="msg.purchaseAmount}" />
                            </rich:column>
                            <rich:column rowspan="2">
                                <h:outputText value="msg.quantity" />
                            </rich:column>
                            <rich:column colspan="5">
                                <h:outputText value="msg.promotions" />
                            </rich:column>

                            <rich:column breakRowBefore="true">
                                <h:outputText value="msg.promoName" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="msg.promoCode" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="msg.promoCategory" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="msg.discount" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="msg.points" />
                            </rich:column>
                        </rich:columnGroup>
                    </f:facet>

                </rich:dataTable>

Answer 1

我将<rich:column rowspan="2"> 和<rich:column breakRowBefore="true"> 用于类似的表：

代码

    <f:facet name="header">
        <h:outputText value="#{msg.txnLineItems}" />
        <rich:columnGroup>
            <rich:column rowspan="2">
                <h:outputText value="#{msg.item}" />
            </rich:column>
            <rich:column rowspan="2">
                <h:outputText value="#{msg.department}" />
            </rich:column>
            <rich:column rowspan="2">
                <h:outputText value="#{msg.purchaseAmount}" />
            </rich:column>
            <rich:column rowspan="2">
                <h:outputText value="#{msg.quantity}" />
            </rich:column>
            <rich:column colspan="5">
                <h:outputText value="#{msg.promotions}" />
            </rich:column>

            <rich:column breakRowBefore="true">
                <h:outputText value="#{msg.promoName}" />
            </rich:column>
            <rich:column>
                <h:outputText value="#{msg.promoCode}" />
            </rich:column>
            <rich:column>
                <h:outputText value="#{msg.promoCategory}" />
            </rich:column>
            <rich:column>
                <h:outputText value="#{msg.discount}" />
            </rich:column>
            <rich:column>
                <h:outputText value="#{msg.points}" />
            </rich:column>
        </rich:columnGroup>
        </f:facet>