Primefaces:右对齐表头上的导出器

时间:2015-03-06 07:48:48

标签: primefaces datatable exporter

我将p:dataTable的paginatorTemplate改为:

<p:dataTable id="lazyDataTable" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown} {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>

我希望导出器与表头右对齐,但它出现在标题的中间,如下所示: enter image description here

如何将它与标题右侧对齐,谢谢!

1 个答案:

答案 0 :(得分:6)

表标题中的数据导出器被包装到<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;
}