0

rich:datatable のヘッダーを修正できません。

私の豊富なデータテーブルの読み込みには、多くの列があります。スクロールすると、リストのヘッダーが失われます。ヘッダーを修正するにはどうすればよいですか?

<div style="overflow:auto; height:500px; width:100%;" id="ere">
    <rich:dataTable id="solicitudMonitoreoVehicular"  headerClass="alignLeft" frozenColumns="2"
            value="#{listarServicioEnMonitoreoAsesoriaController.lstSolicitudMonitoreoVehicular}"
            var="item" >

            <rich:column  styleClass="#{item.color == null ? '' : item.color}">
                <f:facet name="header">
                    <h:outputText value="Placa" />
                </f:facet>
                <h:commandLink styleClass="no-decor" execute="@this"
                    value="#{item.placa}">
                    <f:setPropertyActionListener
                        target="#{listarServicioEnMonitoreoAsesoriaController.solicitudMonitoreoVehicular}"
                        value="#{item}" />                      
                </h:commandLink>
            </rich:column>
.....
....
...
4

1 に答える 1

1

rich:extendedDataTableにはfrozenColumns属性があります。

rich:extendedDataTableコンポーネントには複雑なマークアップが含まれているため、 rich:collapsibleSubTableコンポーネントの使用はサポートされていません。rich :collapsibleSubTable コンポーネントは、rich:dataTableコンポーネントでのみ使用できます。

同様に、breakRowBefore、colSpan、rowSpan 属性を使用した複雑な行と列のスパンも、rich:extendedDataTableコンポーネントでは使用できません。

私も解決策を探していますが、@ Vasilが行数とページネーションを使用できると述べたように、少し異なるデザインで実装することを考えています。

以下のコードでは、行数とページネーションを使用しています

    <div style="overflow:auto; height:500px; width:100%;" id="ere">
<p align="center">
    <rich:dataScroller for="table" maxPages="5" />
</p>
<rich:dataTable width="1200" var="record" id="table"  border="0" cellpadding="0" cellspacing="0" styleClass="tablemargin tableDetails"  
        value="#{customerController.topCustomer}" rows="2">


<f:facet name="header">
            <rich:columnGroup>
                <rich:column styleClass="width50">

                </rich:column>
                    ......
                    .......
                <rich:column styleClass="width70">
                    .......
                </rich:column>
            </rich:columnGroup>
</f:facet>
        <rich:collapsibleSubTable var="item" value="#{record.items}" rowKeyVar="rowKey" >
            ..........
            .........
        </rich:collapsibleSubTable>     

</rich:dataTable>
<p align="center">
    <rich:dataScroller for="table" maxPages="5" />
</p>
     </div>
于 2014-05-18T19:56:27.293 に答える