0

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>

エクスポーターをテーブル ヘッダーの右揃えにしたいのですが、次のようにヘッダーの中央に表示されます。 ここに画像の説明を入力

どうすればヘッダーの右側に揃えることができますか?ありがとう!

4

1 に答える 1

6

テーブル ヘッダーのデータ エクスポーターは<a />-tag にラップされているため、次のように 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;
}
于 2015-03-06T08:03:30.890 に答える