PivotView - Fixed Total Width

Question

I'm using the PivotView in my project and struggling with the width. The width should be as wide as the sum of the columns, but for me it stretches or shrinks the view (see the stretched right column in the screenshot). What is the right setting to achieve that?

Attachment: pivottablesize_dddbd7dc.zip

Sivamathi Natarajan · Accepted Answer

Hi Michael Lang, 
 
Thanks for contacting Syncfusion support. 
 
We suspect that CSS for pivot table component is not referred. So, kindly import the styles for pivot table in styles.css. Meanwhile, we have prepared a sample for your reference. Please check the below sample and UG for more information. 
 
Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/my-app348605731 
 
UG: https://ej2.syncfusion.com/angular/documentation/pivotview/getting-started/#adding-css-reference 
 
If still the problem exists, kindly reproduce the problem in the provided sample and revert us (or) send your sample that replicating the problem. This would be a very helpful for us to investigate the reported problem at our end and provide the solution at earliest. 
 
Please let us know if you concern. 
 
Regards, 
Sivamathi.

Michael Lang · Answer

Thanks for your quick response. Indeed I forgot to add these 3 lines to the css-file:width: 100% !important;    height: 100%;    display: block;Now it just works as intended! :)

Sivamathi Natarajan · Answer

Hi Michael Lang, 
 
Thanks for the reply. 
 
Regards, 
Sivamathi.