title: Generating templates programmatically in Kendo for Angular grid
body: <p>Given this columns array in a parent component:</p>
  
  <pre><code>columns = [
        { field: 'field1', title: 'Title 1', width: '100px' },
        { field: 'field2', title: 'Title 2', width: '200px' },
        { field: 'field3', title: 'Title 3' }
    ];
  </code></pre>
  
  <p>I can build a Kendo for Angular grid dynamically in a <code>my-table</code> component:</p>
  
  <pre><code>@Component({
    selector: 'my-table',
    template: `
            &lt;kendo-grid #grid="kendoGrid" [data]="data"&gt;
                &lt;kendo-grid-column
                    *ngFor="let column of columns"
                       field="{{column.field}}"
                       title="{{column.title}}"
                       width="{{column.width}}"
                &lt;/kendo-grid-column&gt;
            &lt;/kendo-grid&gt;
  `
  })
  export class MyTableComponent {
       @Input() data: any[] = [];
       @Input() columns: any[] = [];
  }
  </code></pre>
  
  <p>What I need is to programmatically add to the table a column that contains a button, where the button should execute a function in the parent component. </p>
  
  <p>This is an example of the markup that should be rendered by <code>MyTableComponent</code>:          </p>
  
  <pre><code> &lt;kendo-grid-column&gt;
        &lt;ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex"&gt;
             &lt;button kendoButton (click)="edit(dataItem,rowIndex)" [icon]="'edit'"&gt;&lt;/button&gt;
         &lt;/ng-template&gt;
   &lt;/kendo-grid-column&gt;
  </code></pre>
  
  <p><code>MyTableComponent</code> should receive from its parent the information in the <code>columns</code> array, something like this:</p>
  
  <pre><code>columns: [ { isButton: true, buttonLabel: 'Edit', callbackFunc: parentFunc } ];
  </code></pre>
  
  <p>Can a template be generated programmatically in the table component?</p>