title: Filtering column template in Kendo UI grid
body: <p><a href="https://plnkr.co/edit/wunUcQZc8Ubbo4xFjejA?p=preview" rel="nofollow noreferrer">In this plunk</a> I have a Kendo UI for Angular grid with two columns. The first column is a template and the second column is a string field without a template.</p>
  
  <p>The grid is filterable, but only the second column shows the field to enter the filter. The first column does not as it's a template and Kendo doesn't know what to filter.</p>
  
  <p>The template is actually an anchor with the format: <code>&lt;a (click)="..."&gt;{{dataItem.ContactName}}&lt;/a&gt;</code> I need to filter by the field <code>ContactName</code>. How to achieve that?</p>
  
  <pre><code>@Component({
      selector: 'my-app',
      template: `
        &lt;kendo-grid #grid [kendoGridBinding]="gridData" 
              [filterable]="true" [resizable]="true"&gt;
          &lt;kendo-grid-column title="Contact Name"&gt;
              &lt;ng-template kendoGridCellTemplate let-dataItem&gt;
                  &lt;a href="javascript:void(0)"
                      (click)="alert(dataItem.ContactName)"&gt;
                     {{dataItem.ContactName}}
                  &lt;/a&gt;
              &lt;/ng-template&gt;
          &lt;/kendo-grid-column&gt;
          &lt;kendo-grid-column field="City" title="City"&gt;&lt;/kendo-grid-column&gt;    
        &lt;/kendo-grid&gt;   `
  })
  export class AppComponent {
  
      @ViewChild('grid') grid: GridBinding;
  
      public gridData: any[] = customers;
  
  }
  </code></pre>