title: How to add dropdown list in kendo grid
body: <p>Hi I am trying to add drop-down list in the kendo-grid column but the data is not getting loaded in drop-down list.</p>
  
  <p>I am trying to load the data from array.</p>
  
  <p>html file code</p>
  
  <pre><code>&lt;kendo-grid-column  title="Status Comments" width="200"&gt;
  &lt;ng-template kendoGridCellTemplate let-dataItem let- 
  rowIndex="rowIndex"&gt;
      &lt;kendo-dropdownlist [data]="listItems"
    [textField]="'ProductName'"
    [valueField]="'ProductID'"
    [defaultItem]="placeHolder"
    [valuePrimitive]="true"
    [(ngModel)]="selectedValue"
       &gt;
  
  &lt;/kendo-dropdownlist&gt;
  &lt;div class="example-config"&gt;
      Selected Item: {{selectedValue}}
  &lt;/div&gt;                   
  </code></pre>
  
  <p>
   </p>
  
  <p>ts file code</p>
  
  <pre><code>export class AppComponent implements OnInit {
  public listItems: Array&lt;Product&gt; = [];
  public placeHolder: Product = { ProductName: 'Select product...', ProductId: null };
   public selectedValue: Product = this.listItems[1]
  constructor (@Inject(DataService) private dataService: DataService) { }
  ngOnInit() {
    this.dataService.fetchData().subscribe(
      (data) =&gt; this.listItems = data
    );
  }
  </code></pre>
  
  <p>}
  <a href="https://i.stack.imgur.com/7f4If.png" rel="nofollow noreferrer">Output</a></p>