diff --git a/packages/primevue/src/paginator/Paginator.d.ts b/packages/primevue/src/paginator/Paginator.d.ts index 8c5f525de..3624ed691 100755 --- a/packages/primevue/src/paginator/Paginator.d.ts +++ b/packages/primevue/src/paginator/Paginator.d.ts @@ -73,6 +73,10 @@ export interface PaginatorPassThroughOptions { * Used to pass attributes to the root's DOM element. */ root?: PaginatorPassThroughOptionType; + /** + * Used to pass attributes to the content DOM element. + */ + content?: PaginatorPassThroughOptionType; /** * Used to pass attributes to the content start's DOM element. */ diff --git a/packages/primevue/src/paginator/Paginator.vue b/packages/primevue/src/paginator/Paginator.vue index 13d5332d7..bd0cfdf0a 100755 --- a/packages/primevue/src/paginator/Paginator.vue +++ b/packages/primevue/src/paginator/Paginator.vue @@ -4,81 +4,83 @@
- +
+ +
diff --git a/packages/primevue/src/paginator/style/PaginatorStyle.js b/packages/primevue/src/paginator/style/PaginatorStyle.js index 7e7e099ca..ef2be8870 100644 --- a/packages/primevue/src/paginator/style/PaginatorStyle.js +++ b/packages/primevue/src/paginator/style/PaginatorStyle.js @@ -13,6 +13,14 @@ const theme = ({ dt }) => ` gap: ${dt('paginator.gap')}; } +.p-paginator-content { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + gap: ${dt('paginator.gap')}; +} + .p-paginator-content-start { margin-right: auto; } @@ -92,6 +100,7 @@ const classes = { [`p-paginator-${key}`]: instance.hasBreakpoints() } ], + content: 'p-paginator-content', contentStart: 'p-paginator-content-start', contentEnd: 'p-paginator-content-end', first: ({ instance }) => [