Primefaces：在 table header 上右对齐导出器

Question

我将 p:dataTable 的 paginatorTemplate 声明为：

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

声明 "Exporters":

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

我希望导出器与 table header 右对齐，但它出现在 header 的中间，如下所示：

如何将它对齐到 header 的右侧，谢谢！

Answer 1

table header 中的数据导出器被包裹在 <a /> 标签中，因此您可以通过 CSS 对齐导出器的位置，例如这个：

/*  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;
}

Primefaces：在 table header 上右对齐导出器

Primefaces: Right align Exporters on table header

primefaces

datatable

exporter