"styleClass" from the paginator component in a p-table is not applied in version 16.4.1 #13799
Labels
Status: Needs Triage
Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Describe the bug
The classes "p-paginator-top" and "p-paginator-bottom" (defined by the p-table component) are not being applied by the paginator. These classes are useful for configuring the style of the paginator at the top or bottom of a p-table component since they are not styled the same way.
I guess that the Enhancement:
Tree/DataView/Table: there is no way to set a custom class to the paginator component #13204
which set a paginatorStyleClass in the [styleClass] from the paginator, remove the styleClass set from the p-table.
code from the p-table file:
The styleClass="p-paginator-top" is not applied because of the [styleClass]="paginatorStyleClass". (I presume, at least)
Environment
Windows 11,
node 18.18.0,
npm 9.8.1,
visual studio code
Reproducer
No response
Angular version
16.2.7
PrimeNG version
16.4.1
Build / Runtime
Angular CLI App
Language
TypeScript
Node version (for AoT issues node --version)
18.18.0
Browser(s)
Chrome 117.0.5938.132
Steps to reproduce the behavior
For example, take the "sakai-ng-master" project. Update it to PrimeNG version 16.4.1, and then, in the tabledemo.component.html page, add "paginatorPosition="both"" to the p-table component. Serve the app.
Open the Chrome DevTools and navigate to the Elements tab. If you inspect the paginator at the top of the p-table, you will notice that the "styleclass="p-paginator-top"" is applied to the element, but not to the div class. The classes applied to the div are: "p-paginator p-component ng-star-inserted." You will notice the same if you inspect the bottom paginator.
If you have installed the "Angular DevTool," you can go to the paginator component and see that the styleClass is set to "undefined."
Expected behavior
The classes "p-paginator-top" or "p-paginator-bottom" are correctly applied to the div element within the paginator, as before, providing the option to style them as needed.
The text was updated successfully, but these errors were encountered: