diff --git a/components/lib/paginator/BasePaginator.vue b/components/lib/paginator/BasePaginator.vue
index 9032829b6..58b092d19 100644
--- a/components/lib/paginator/BasePaginator.vue
+++ b/components/lib/paginator/BasePaginator.vue
@@ -61,13 +61,13 @@ const classes = {
}
],
firstPageIcon: 'p-paginator-icon',
- prevPageButton: ({ instance }) => [
+ previousPageButton: ({ instance }) => [
'p-paginator-prev p-paginator-element p-link',
{
'p-disabled': instance.$attrs.disabled
}
],
- prevPageIcon: 'p-paginator-icon',
+ previousPageIcon: 'p-paginator-icon',
nextPageButton: ({ instance }) => [
'p-paginator-next p-paginator-element p-link',
{
@@ -82,10 +82,17 @@ const classes = {
}
],
lastPageIcon: 'p-paginator-icon',
+ pages: 'p-paginator-pages',
+ pageButton: ({ props, pageLink }) => [
+ 'p-paginator-page p-paginator-element p-link',
+ {
+ 'p-highlight': pageLink - 1 === props.page
+ }
+ ],
current: 'p-paginator-current',
- RPPDropdown: 'p-paginator-rpp-options',
- JTPDropdown: 'p-paginator-page-options',
- JTPInput: 'p-paginator-page-input'
+ rowPerPageDropdown: 'p-paginator-rpp-options',
+ jumpToPageDropdown: 'p-paginator-page-options',
+ jumpToPageInput: 'p-paginator-page-input'
};
const { load: loadStyle } = useStyle(styles, { id: 'primevue_paginator_style', manual: true });
diff --git a/components/lib/paginator/JumpToPageDropdown.vue b/components/lib/paginator/JumpToPageDropdown.vue
index 87a0860db..5369cf134 100644
--- a/components/lib/paginator/JumpToPageDropdown.vue
+++ b/components/lib/paginator/JumpToPageDropdown.vue
@@ -5,11 +5,11 @@
optionLabel="label"
optionValue="value"
@update:modelValue="onChange($event)"
- :class="cx('JTPDropdown')"
+ :class="cx('jumpToPageDropdown')"
:disabled="disabled"
:unstyled="unstyled"
- :pt="ptm('JTPDropdown')"
- data-pc-section="jtpdropdown"
+ :pt="ptm('jumpTpPageDropdown')"
+ data-pc-section="jumptopagedropdown"
>
diff --git a/components/lib/paginator/JumpToPageInput.vue b/components/lib/paginator/JumpToPageInput.vue
index 45e2db729..22161ec77 100644
--- a/components/lib/paginator/JumpToPageInput.vue
+++ b/components/lib/paginator/JumpToPageInput.vue
@@ -1,5 +1,15 @@
-
+