How to add multiple custom css class

Hi Syncfusion Team,

I'm using the Pivot Table component and want to add custom classes to customize the UI, such as PivotTabe UI, DrillThrough UI, and ColumnChooser.

I've researched the docs and used the cssClass property, but PivotTable doesn't appear.


Note: when I add 1 custom class, PivotTable appears.

Link sample: https://stackblitz.com/edit/react-fjqex1?file=index.html,index.js

How can I fix the problem?



5 Replies 1 reply marked as answer

AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team July 4, 2023 02:36 PM UTC

Hi Ton,


Sorry for the inconvenience. We checked the reported issues and were able to reproduce it at our end. We are currently validating the reported issues with our internal team and will update further details in two business days(July 6, 2023).


We appreciate your patience until then.


Regards,

Angelin Faith Sheeba.



TT Ton That Hung replied to AngelinFaithSheeba PaulvannanRajadurai July 5, 2023 08:24 AM UTC

Thanks for your support.



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team July 6, 2023 02:56 PM UTC

Hi Ton,


Thanks for the patience. We regret to let you know that currently we don’t have option to provide multiple classes using cssClass property in the pivot table. However, we are validating the possibilities to achieve this requirement with our internal teams and will get back to you once the validation is complete.


We appreciate your patience until then.


Regards,

Angelin Faith Sheeba.


Marked as answer

AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team August 28, 2023 01:25 PM UTC

Hi Ton,


Thanks for the patience. We have considered this as a bug "Script error thrown while binding multiple classes using cssClass property". And the fix for this issue will be included in our Vol 3 main release which is scheduled to be rolled out at the end of September, 2023. You can track the status with the feedback link below.


Feedback: https://www.syncfusion.com/feedback/46443/script-error-thrown-while-binding-multiple-classes-using-cssclass-property


Regards,

Angelin Faith Sheeba.



AP AngelinFaithSheeba PaulvannanRajadurai Syncfusion Team September 5, 2023 01:53 PM UTC

Hi Ton,


We are glad to announce that our weekly Release V22.2.12 is rolled out and the fix for the reported issue “Script error thrown while binding multiple classes using cssClass property” has been included in this release. Meanwhile, we have prepared a sample for your reference.


Sample: https://stackblitz.com/edit/react-ntu8rm-ptvybz?file=index.js


Please let us know if you have any concerns.


Regards,

Angelin Faith Sheeba


Loader.
Up arrow icon