JSF RichTable合并标题中的行/列 [英] JSF RichTable merging rows / columns in a header

问题描述

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

What I want to do is do this layout with RichTable in its header to have 3 columns:

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

我习惯了此(8.2)资源来完成它. Rich-faces 4.0.0

I got used this (8.2) resource to get it done. Rich-faces 4.0.0

但是相反，我最终得到了纯表格行，没有任何合并.

But instead I end up having plain table-row with no any merging.

您能说明一下吗?

更新:

关于 Vasil Lukach 的答案.就我而言(如果我确实复制了这些代码的粘贴)，我得到了这个结果(我使用了硬编码的值来保持简单):

About the answer from Vasil Lukach. In my case (if I do copy paste of those code), I have this result (I use hard coded values to keep it simple):

我的代码如下:

 <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>

推荐答案

对于相似的表，我使用<rich:column rowspan="2">和<rich:column breakRowBefore="true">:

I use <rich:column rowspan="2"> and <rich:column breakRowBefore="true"> for similar table:

代码

    <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>

这篇关于JSF RichTable合并标题中的行/列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！