title: How to apply filter to a cell renderer in ag grid
body: <p>I have an ag grid in my application</p>
  
  <p>I am not able to get any filtered values applied on these columns.
  How do we apply valueFormatter and filter params in this scenario?</p>
  
  <p>In the below column, I am getting 0,1 as input and rendering them to strings using the cellrenderer option in ag-grid. as shown here in <a href="https://www.ag-grid.com/javascript-grid-cell-rendering-components/" rel="nofollow noreferrer"> ag-grid</a></p>
  
  <p>I have the below in my search input box</p>
  
  <pre><code>        //search box
         &lt;mat-input-container&gt;
          &lt;input matInput placeholder="Quick Search" style="width: 250px" 
         (keyup)="onQuickFilterChanged($event)"&gt;
          &lt;/mat-input-container&gt;
  </code></pre>
  
  <p><br/></p>
  
  <pre><code>     // column definition in ag-grid
       {
      headerName: 'Header',
      field: 'isheader',
      width: 100,
      filter: 'string',
      cellRenderer: function (params: any) {
        if (params.value === 1) {
          return 'Yes';
        } if (params.value === 0) {
          return 'No';
        } 
        return params.value;
      },
      colId:'isPdm',
       },
  </code></pre>