How to disable selection of cells in ag-grid? : <p>I have a simple ag-grid in an Angular project and want to disable selection of cells in one of its columns.  Simply removing the default blue outline during selection would also be fine.  I just want no visual change to the cell when the user clicks inside it.  How can I do this?</p>

<p>I see that <code>ColDef</code> has a property <code>suppressNavigable</code> that sort of helps, since it disallows using the tab key to select the cells, but it still allows selection by clicking. Also, the grid itself seems to offer <code>suppressCellSelection</code> but it doesn't seem granular enough and doesn't seem to affect anything anyway.  </p>

<p>So, how can I remove this blue border cell selection?</p>

<p>Here's the code I have for these column definitions:</p>

<pre><code>this.columnDefs = [
  { headerName: 'One', field: 'one' },
  { headerName: 'Two', field: 'two' },
  { 
    // I want to disable selection of cells in this column
    headerName: 'I want no cell selection!', 
    field: 'three',   
    suppressNavigable: true,
    editable: false,
  }
];
</code></pre>

<p>Here's an example stackblitz I was using to test with:
<a href="https://stackblitz.com/edit/aggrid-want-to-disable-cell-selection" rel="noreferrer">https://stackblitz.com/edit/aggrid-want-to-disable-cell-selection</a></p>

<p>Here's a screenshot of the blue border I don't want to see in this column:
<a href="https://i.stack.imgur.com/G9RQK.png" rel="noreferrer"><img src="https://i.stack.imgur.com/G9RQK.png" alt="I don&#39;t want to see the blue border"></a></p>
