Pivot-View Resize Issue

[Shreekumar]

I'm using Pivot-View with Toolbar.

On initial load, the overall grid expands and the size of Toolbar & Grid will not be same (refer the attached image)

If  I do any actions on Pivot-View ( say expand / collapse any column or row) then both Toolbar and Grid will resize to proper width.

<div class="col-md-12 pivot-table">

    <div class="card">

      <div class="card-body">

          <ejs-pivotview #pivotview id='PivotView' [editSettings]='editSettings' [dataSourceSettings]='dataSource'

            [height]='height' showGroupingBar='true' allowCalculatedField='true' (cellSelected)='cellSelected($event)'

            (drillThrough)="editCell($event)" [gridSettings]='gridSettings' showToolbar='true'

            [toolbar]='toolbarOptions' (toolbarRender)='beforeToolbarRender($event)' showTooltip='false'

            (dataBound)='dataBound()' (paste)="paste($event)" allowConditionalFormatting='true'

            allowDeferLayoutUpdate='true' (created)='created()' allowExcelExport='true' showFieldList='false'

            (enginePopulated)='enginePopulated($event)'>

          </ejs-pivotview>

</div>

</div>

</div>

Attachment: Expanded_409251c4.zip

[Sivamathi Natarajan]

Hi Shreekumar, 

 

Thanks for contacting Syncfusion support. 

 

We have checked the reported problem at our end. But we are unable to reproduce the problem. Meanwhile, we have prepared a sample for your reference. Please check the below sample. 

 

Sample: https://stackblitz.com/edit/angular-2uvfvb-qvgpcr?file=app.component.ts 

 

If still the problem exists, kindly reproduce the problem in the provided sample and revert us (or) send your sample that replicating the problem. 

 

Regards, 

Sivamathi.