title: AG-GRID Angular filter using cellRenderer with complex data
body: <p>I am using cellRenderer property, I am able to display the data in the table however I am using an if statement to change the value of the data. Here is what I have in my cellRenderer property:</p>
  
  <pre><code>cellRenderer:function (params){
  if(params.data.valueofdata === 1){
     return 'the value is one';
  }else if(params.data.valueofdata === 2){
     return 'the value is two';
  } else {
     return '';
  } 
  </code></pre>
  
  <p>the display in the tables are correct, however when i use the floating filter or the default filter, it will not filter according to the correct value that I have inputted. however if i search 1 or 2 it will display.</p>