Not getting Headers in Pivot table

Question

I'm using Pivot table in my angular project.

I'm getting the view and all the values but not getting the column headers.

Below is the html and ts code of that

<app-pivotview [dataSource]="dataSource" [dataSourceSettings]="dataSourceSettings"></app-pivotview>

this.dataSourceSettings = {
              dataSource: reportInfo[0].kpiData.chartData,
              type: 'JSON',
              expandAll: false,
              filters: [],
              columns: [{ name: 'productName', caption: 'Product Name' }],
              rows: [{ name: 'name', caption: 'DIV' }],
              values: [
                { name: 'rfi', caption: 'RFI' },
                { name: 'submittal', caption: 'Submittal' },
                { name: 'pr', caption: 'PR' },
                { name: 'asi', caption: 'ASI' }
              ]

            };

Manikandan Murugesan · Answer

Hi Nayan Miyatra, 
 
We have checked the reported problem and we are unable to reproduce it at our end. Please refer to the following sample. 
 
Sample: https://stackblitz.com/edit/angular-rvh9lc?file=app.component.html 
   
If still the problem exists, kindly reproduce the problem in the above provided sample and revert to us (or) send your sample that replicating the problem. This would be helpful for us to investigate the reported problem at our end and provide the solution at the earliest. 
 
Regards, 
Manikandan