2015-03-06 4 views
0

Я delacred в paginatorTemplate р: DataTable, как это:Primefaces: справа выравнивать Экспортер на заголовке таблицы

<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

Как выровнять его справа от заголовок, спасибо!

ответ

5

экспортер данных в заголовке таблицы заворачивают в <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; 
} 
+0

Спасибо СТГ, это работало правильно! – nguyenbkcse

+0

В конце концов, это все html, css, javascript. Таким образом, с помощью инструмента разработчика браузера эти вещи довольно легко узнать – Kukeltje

Смежные вопросы