Question

我无法修复来自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>
.....
....
...

Answer 1

frozenColumns属性适用于 rich：extendedDataTable 。

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

修复了rich：datatable中的标题

1 个答案: