title: How to style AG-GRID column vertical borders
body: <p>I want my AG-Grid columns to have vertical borders. By default the grid rows have horizontal borders. I want it to mimic the regular Excel spreadsheet look and feel.</p>
  
  <p>I have tried using cell-styling in the column definitions like so:</p>
  
  <pre><code>this.columnDefs = [
    { headerName: 'Test', cellStyle: {'border-right-color': '#e2e2e2'}, field: 'test' }];
  </code></pre>
  
  <p>This does the trick. But when I click on a cell to edit, the blue border it puts on the active cell is overwritten by the cellstyling above, so i get a cell with 3 blue borders and 1 grey border.</p>
  
  <p>This can't be the correct approach for this....</p>
  
  <p>Has anybody any ideas? I've attempted to do some CSS styling, but have gotten nowhere as it seems to be insanely difficult to figure out which classes to overwrite.</p>