Css Primefaces rtl分页器问题

Css Primefaces rtl分页器问题,css,jsf,primefaces,Css,Jsf,Primefaces,rtl中的图标布局和位置存在问题。 上一页图标应与下一页图标交换,因为rtl中的方向与ltr相反 <p:dataTable id="dataTable" var="myRequest" widgetVar="requestsTable" value="#{searchRequestsBB.model}" rows="10" paginator="true" paginatorPosition="bottom" rowsPerPageTemplate="10,50,10

rtl中的图标布局和位置存在问题。 上一页图标应与下一页图标交换,因为rtl中的方向与ltr相反

<p:dataTable  id="dataTable" var="myRequest" widgetVar="requestsTable" value="#{searchRequestsBB.model}" rows="10" paginator="true"
          paginatorPosition="bottom" rowsPerPageTemplate="10,50,100" selectionMode="single" selection="#{searchRequestsBB.selectedRequest}" rowKey="#{myRequest.id}" emptyMessage="#{langu['EMPTY_DATA_TABLE']}" lazy="true" resizableColumns="true">
<p:ajax event="rowSelect" update=":content:detailsBtn, :content:detailsDlg" />
<p:column sortBy="#{myRequest.id}" headerText="#{langu['REQUEST_NUMBER']}" >
    <h:outputText value="#{myRequest.id}" />
</p:column>

<p:column sortBy="#{myRequest.requestDate}" headerText="#{langu['REQUEST_DATE']}" >
    <h:outputText value="#{myRequest.requestDate}">
        <f:convertDateTime pattern="#{tripconf['datePatternShow']}" timeZone="Africa/Cairo"/>
    </h:outputText>
</p:column>

<p:column sortBy="#{myRequest.vehicleLicenseNumber}" headerText="#{langu['VEHICLE_LICENSE_NUMBER']}">
    <h:outputText value="#{myRequest.vehicleLicenseNumber}" />
</p:column>

<p:column sortBy="#{myRequest.chassisNumber}" headerText="#{langu['CHASSIS_NUMBER']}">
    <h:outputText value="#{myRequest.chassisNumber}" />
</p:column>

<p:column sortBy="#{myRequest.nationality.name}" headerText="#{langu['NATIONALITY']}">
    <f:facet name="filter">
        <p:selectOneMenu onchange="PF('requestsTable').filter()" effect="drop" >
            <f:selectItem itemLabel="#{langu['ALL']}" itemValue="#{null}"/>
            <f:selectItems value="#{searchRequestsBB.countries}" var="country" itemLabel="#{country.name}" itemValue="#{country.id}"/>
        </p:selectOneMenu>
    </f:facet>
    <h:outputText value="#{myRequest.nationality.name}" />
</p:column>

<p:column sortBy="#{myRequest.totalDues}" headerText="#{langu['TOTAL_DUES']}">
    <h:outputText value="#{myRequest.totalDues}" />
</p:column>

<p:column sortBy="#{myRequest.requestStatus}" headerText="#{langu['status']}">
    <p:progressBar value="#{myRequest.requestStatus*25}" labelTemplate="{value}%" displayOnly="true"/>
</p:column></p:dataTable>


请注意,我的应用程序还支持rtl语言和ltr


关于如何解决这个问题的任何想法???

看起来你的网站CSS正在制作primefaces paginator Huggeth这是对的,那么paginator按钮的方向呢?这张图片中的代码,我建议你将代码添加到你提出的问题中:-)[不是图像,所以我们可以复制、粘贴并尝试一些方法来帮助你]我感谢你的帮助。我已经添加了所需的代码。