Child Grid is not rendering properly

[shivani goyal]

Hi,

We have used child grid in one of our pages. But child grid is not rendering properly. Grid data is not displayed under column headers.

Code snippet below:

  this.workflowdata = (data);

          //Load ChildUserGrid

          this.childGrid = {

            dataSource: this.workflowdata, 

            queryString: 'Id',

            load() {

              this.registeredTemplate = {};    

            },

            columns: [

              { field: 'Description', headerText: 'Description', width: 150, height: 200 },

              { field: 'CreatedBy', headerText: 'Created By', width: 150, height: 200 },

              { field: 'UpdatedBy', headerText: 'Updated By', width: 150, height: 200 },

              { field: 'CreatedDateTime', headerText: 'Created On', width: 150, height: 200 },

              { field: 'IsManualBranchSelection', headerText: 'Allow Branch Selection Manually', width: 150, height: 200, displayAsCheckBox:'true' },

            ],

          };

Please help

[Rajapandi Ravi]

Hi Shivani, 

Greetings from syncfusion support 

Based on your query we have prepared a sample and tried to reproduce the issue. But it works fine from our end. Please refer the below code example and sample for more information. 

 

<ejs-grid 

    #grid 

    id="Grid" 

    [gridLines]="lines" 

    [dataSource]="parentData" 

    [childGrid]="childGrid" 

    allowFiltering="true" 

    allowExcelExport="true" 

    allowPdfExport="true" 

    allowTextWrap="true" 

    [toolbar]="toolbar" 

    (toolbarClick)="toolbarClick($event)" 

    [contextMenuItems]="contextMenuItems" 

    [filterSettings]="filterSettings" 

  > 

  </ejs-grid> 

 

Sample; https://stackblitz.com/edit/angular-ugf6r7-zs1qnm?file=app.component.html 

If you still face the issue, Please share any issue reproducible sample or try to reproduce the issue with our above attached sample. 

Regards, 

Rajapandi R