title: Can I use cellRendererSelector to give each row its own cellRenderer
body: <p>I am trying to solve this issue:<br>
  <a href="https://stackoverflow.com/questions/56074232/can-you-specify-a-different-customcellrenderer-to-different-rows-in-ag-grid-angu">Can you specify a different customCellRenderer to different rows in ag-grid Angular</a></p>
  
  <p>In <em>ag-grid</em>'s documentation, I found <a href="https://www.ag-grid.com/javascript-grid-cell-rendering/" rel="nofollow noreferrer">something that might help</a>; under the section <em>Many Renderers One Column</em>, they have demonstrated something a bit similar to my need (see the <a href="https://plnkr.co/edit/P5suHbMjjVH3knho3B7n?p=preview" rel="nofollow noreferrer">plunker project</a>).</p>
  
  <p>In this particular part:   </p>
  
  <pre class="lang-js prettyprint-override"><code>cellRendererSelector: function(params) {
    var moodDetails = {
      component: 'moodCellRenderer'
    };
  
    var genderDetails = {
      component: 'genderCellRenderer',
      params: {
        values: ['Male', 'Female']
      }
    };
  
    if (params.data.type === 'gender')
      return genderDetails;
    else if (params.data.type === 'mood')
      return moodDetails;
    else
      return null;
  }
  </code></pre>
  
  <p>Which works this way:<br>
  <a href="https://i.stack.imgur.com/IWwz9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IWwz9.png" alt="multiple renderers one column example"></a></p>
  
  <p>In their example, they render the cell based on a value chosen in another column in the same row.<br>
  Intuitively, I tried the following:  </p>
  
  <pre class="lang-js prettyprint-override"><code>if (params.node.id === 1)
      return genderDetails;
  else if (params.node.id === 5)
      return moodDetails;
  else
      return null;
  </code></pre>
  
  <p>I thought that was supposed to work, but it didn't:  </p>
  
  <p><a href="https://i.stack.imgur.com/u6rs1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u6rs1.png" alt="multiple renderers one column implementation"></a>  </p>
  
  <p>Any idea why this didn't work?</p>