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

我使用richfaces是为了获得一些快速的AJAX小部件，但在设置CSS参数时遇到了问题

如您所见，生成的代码具有以下类名：“rf ds rpds”。 但是，将样式应用于“.rf ds”或“.rpds”并没有任何作用

.rpds{
    width:100%; 
}

知道为什么吗？

---

谢谢

您的样式很可能在其他地方被覆盖，您可以通过放置

！important

来检查它：

.rpds{
    width:100% !important; 
}

---

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

显然，您无法在richfaces的datascroller上应用CSS

这样做的好方法是根据datascroller或相反的方式重新命名datatable

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

---

在这种情况下，datatable将重新渲染（重绘）为datascroller大小。

我认为在ajax调用完成后，您必须使用Javascript完成此操作。重要信息：请允许我扩展一个白色区域，但至少我的css现在没有被忽略。