Datatable Paginator

UI Components for Vue
Post Reply
loblu
Posts: 1
Joined: 27 Aug 2023, 16:18

27 Aug 2023, 16:25

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?

tugce.kucukoglu
Posts: 560
Joined: 23 Oct 2020, 09:28

28 Aug 2023, 14:23

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

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 14 guests