N number of pivot table in same page

[Dipesh Nayak]

I want to implement multiple pivot table in same page, but the second pivot table messed up as both pivot table has same template reference variable(#pivotview).and as pivot tables are being populated dynamically i dont have control over template reference..below is the sample code

<div *ngFor="let config of tableList">

     <ejs-pivotview

    #pivotview id='PivotView'

    allowConditionalFormatting='true'

    [dataSourceSettings]='dataSource' 

    width='{{config.width}}'

    [gridSettings]='config.gridSettings'

    enableValueSorting='true'

    allowExcelExport='true'

    (enginePopulated)='enginePopulated($event)'

>

  </ejs-pivotview>

</div>

Please help me with this.

[Sivamathi Natarajan]

Hi Dipesh, 

 

Thanks for contacting Syncfusion support. 

 

Based on your requirement, we have prepared a sample to render N number of controls in single page. Kindly check the below sample link for your reference.  

 

Sample Link: https://stackblitz.com/edit/angular-cum5ew?file=app.component.html 

 

Please let us know if you have concern. 

 

Regards, 

Sivamathi.