Hello,
I have a datatable as below:
<DataTable
v-model:filters="filters"
:value="users"
dataKey="uuid"
class="datatable"
paginator
:rows="2"
:rowsPerPageOptions="[2, 5, 10, 20, 50]"
paginatorTemplate="FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink RowsPerPageDropdown"
currentPageReportTemplate="{first} to {last} of {totalRecords}"
:loading="loadingRadusers"
:globalFilterFields="[
'name',
'last_name',
'username',
]"
filterDisplay="menu"
showGridlines
>
<!-- my table columns -->
</DataTable>
The Paginator displays and work correctly. However, I cannot give it any style to it.
Is it possible to place the pagination to the right?
Is it possible to individually style any of the following "FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink RowsPerPageDropdown"?
How can I do it?
Datatable Paginator
-
- Posts: 560
- Joined: 23 Oct 2020, 09:28
Hello,
paginator positions: https://primevue.org/datatable/#api.dat ... orPosition
Also paginator elements can be styled individually by using pt property. For more information https://primevue.org/datatable/#pt.doc.datatable
paginator positions: https://primevue.org/datatable/#api.dat ... orPosition
Also paginator elements can be styled individually by using pt property. For more information https://primevue.org/datatable/#pt.doc.datatable
-
- Information
-
Who is online
Users browsing this forum: No registered users and 15 guests