如何设置AG-GRID柱垂直边框的样式

我希望我的AG网格列具有垂直边框。默认情况下，栅格行具有水平边框。我希望它模仿常规Excel电子表格的外观和感觉

我尝试在列定义中使用单元格样式，如下所示：

this.columnDefs = [
  { headerName: 'Test', cellStyle: {'border-right-color': '#e2e2e2'}, field: 'test' }];

这就成功了。但是当我点击一个单元格进行编辑时，它放在活动单元格上的蓝色边框会被上面的单元格样式覆盖，所以我得到一个有3个蓝色边框和1个灰色边框的单元格

这不可能是正确的方法

---

有人有什么想法吗？我尝试过做一些CSS样式，但没有取得任何进展，因为要想知道要覆盖哪些类似乎非常困难。

最好是对ag网格主题进行样式化。这是关于它的文件

---

我用边框做了一个简单的Stackblitz，您可以查看。

最好通过设置ag网格主题的样式来完成。这是关于它的文件

---

我做了一个简单的Stackblitz，你可以查看它的边框。

效果很好！如何将此SCS转换为css代码？效果非常好！如何将此SCS转换为css代码？