Primefaces: Aligné à droite exportateurs sur la tête de table

Question

Je delacred la paginatorTemplate de p: dataTable comme ceci:

<p:dataTable id="lazyDataTable" paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown} {Exporters}"> 

Avec déclaration des "exportateurs":

<f:facet name="{Exporters}"> 
    <h:commandLink> 
     <p:graphicImage libray ="images" name="excel.png"/> 
     <p:dataExporter type = "xls" target="lazyDataTable" fileName="report" /> 
    </h:commandLink> 
    <h:commandLink> 
     <p:graphicImage library="images" name="pdf.png"/> 
     <p:dataExporter type = "pdf" target="lazyDataTable" fileName="report" /> 
    </h:commandLink> 
</f:facet> 

Je veux que les exportateurs seront droite aligné de l'en-tête de la table, mais il est apparu au milieu de l'en-tête comme ceci:

Comment puis-je l'aligner à la droite de l'en-tête, merci!

Answer 1

L'exportateur de données dans l'en-tête de table est enveloppé dans un <a /> -tag, donc vous êtes en mesure d'aligner la position de l'exportateur via CSS comme ceci:

/* data-exporter symbol shown in the upper right 
    corner of the datatable */ 

.ui-paginator a, .exporter .ui-datatable-header a { 
    float: right; 
    margin-right: 5px; 
}