java - 无法在应用于 AJAX 的多个类上设置 CSS

Question

我正在使用richfaces 来获得一些快速的AJAX 小部件，但我在设置CSS 参数时遇到了麻烦。

如您所见，生成的代码具有以下类名：“rf-ds rpds”。然而，将样式应用于“.rf-ds”或“.rpds”并没有做任何事情。

.rpds{
    width:100%; 
}

知道为什么吗？谢谢

Answer 1

您的样式很可能在其他地方被覆盖，您可以通过放置来检查它!important：

.rpds{
    width:100% !important; 
}

你需要弄清楚是什么覆盖了它。

Answer 2

显然，您不能在 Richfaces 的数据滚动条上应用 CSS。

这样做的好方法是根据您的数据滚动器或相反的方式重新渲染您的数据表。

JSF 2.0 代码：

    <h:form id="productSearchForm" >
        <rich:dataTable id="listeProduits" rows="3" value="#{rpb.myDataList}" var="liste"  reRender="scroller" >
            <f:facet name="header">
                <rich:columnGroup >
                    <h:column><h:outputText value="Gamme" /></h:column>
                    <h:column><h:outputText value="Famille" /></h:column>
                    <h:column><h:outputText value="Produit" /></h:column>
                </rich:columnGroup>
            </f:facet>
                <h:column><h:outputText value="#{liste.gamme}" /></h:column>
                <h:column><h:outputText value="#{liste.famille}" /></h:column>
                <h:column><h:outputText value="#{liste.nom}" /></h:column>
            <f:facet name="footer">
                <rich:dataScroller id="scroller" for="listeProduits" maxPages="10" />
            </f:facet>
        </rich:dataTable>
    </h:form>

在这种情况下，数据表被重新渲染（重绘）到数据滚动器大小。