child component is not working inside kendo-grid in anguar8?

[kapil]

Hi Team,

In kendo-grid kendo-grid-column already added but i have added more columns that is received from API now i have pass that dynamic data in child component but in my case its generating but issue is that component data not rendered in view.can anybody tell me how to do it?

 

<kendo-grid [reorderable]="true" [ngClass]="{gridloading:gridLoadingEnabled == true}"
  [kendoGridBinding]="data" [loading]="gridLoadingEnabled"
      [resizable]="true">
      <kendo-grid-column field="TaxPercent" title="{{'CommonPercentage' | translate}}"></kendo-grid-column>
      <kendo-grid-column field="TotalLC" title="{{'CommonTotal(LC)' | translate}}"></kendo-grid-column>
    
      <!-- Dyamically added columns-->
    <app-udf-item-details [udfItemDetailData]="columnList"></app-udf-item-details>
  </kendo-grid>
  <!-- Child component-->
  <h3 class="sub-title" >Basic Details</h3>
  <div class="form-group">
    <div class="col-md-6" *ngFor="let column of  columnList" style="padding:4px;">
          <label for="{{column.id}}" class="col-md-4 control-label">{{column.name}}</label>
          <div class="col-md-8">
            <input type="text"
              name="{{column.id}}" class="form-control" id="{{column.id}"
              disabled>
          </div>
    </div>    
  </div>