3

JSF を使用して、2 つ以上の列を JSF の単一の親列の下にグループ化する方法はありますか? 内部に hx:columnEx 列を持つ dataTableEx があります。私が欲しいのは次のようなものです：

 [MAIN HEADER FOR COL1+2   ][Header for Col 3+4]

 [ COL1 Header][COL2 Header][COL3    ][COL 4   ] 

 Data          Data             Data     Data

 Data          Data             Data     Data

 Data          Data             Data     Data

 Data          Data             Data     Data

データ データ データ データ

ありがとう

4

3 に答える 3

1

おそらく、テーブル ヘッダー、panelGrid、および小さな CSS を使用して、目的を達成できます。

<style type="text/css">
.colstyle {
    width: 25%
}
</style>
</head>
<body>

<f:view>
    <h:dataTable border="1" value="#{columnsBean.rows}" var="row"
        columnClasses="colstyle">
        <f:facet name="header">
            <h:panelGrid columns="2" border="1" style="width: 100%">
                <h:outputLabel style="width: 100%" value="MAIN HEADER FOR COL1+2" />
                <h:outputLabel style="width: 100%" value="MAIN HEADER FOR COL3+4" />
            </h:panelGrid>
        </f:facet>
        <h:column>
            <f:facet name="header">
                <h:outputText value="COL1 Header" />
            </f:facet>
            <h:outputLabel value="#{row.col1}" />
        </h:column>
        <h:column>
            <f:facet name="header">
                <h:outputText value="COL2 Header" />
            </f:facet>
            <h:outputLabel value="#{row.col2}" />
        </h:column>
        <h:column>
            <f:facet name="header">
                <h:outputText value="COL3 Header" />
            </f:facet>
            <h:outputLabel value="#{row.col3}" />
        </h:column>
        <h:column>
            <f:facet name="header">
                <h:outputText value="COL4 Header" />
            </f:facet>
            <h:outputLabel value="#{row.col4}" />
        </h:column>
    </h:dataTable>
</f:view>
于 2008-11-05T17:31:05.280 に答える
0

2 つのヘッダーのように見えるように、最初のヘッダー (外側のテーブルの最初のヘッダー、およびネストされたテーブル内の 2 番目のヘッダーとデータ) にネストされたテーブルを使用することをお勧めします。

于 2008-11-03T17:22:39.043 に答える
0

この例のように、データテーブルのより複雑な構造を提供する RichFaces などの高度なコンポーネント ライブラリを参照してください。

于 2008-11-04T07:47:44.943 に答える