在 angular AG Grid 中的单元格之间添加垂直列线的正确方法是什么？

Question

使用 Angular 11 和 AG 网格。

我想打开单元格之间的垂直列线。我看到我可以使用 cellStyle 或 cellClass 为我自己的单元格设置样式……但这是合适的方法吗？

我可以设计成……

{ border-right: 1px solid; }

没有 API/option 来切换这样的选项 on/off 吗？行线是自动的但列线需要手动设置样式是没有意义的。我怎么知道行的颜色是什么来匹配它？

Answer 1

我遇到了同样的问题。我得出了同样的结论——我必须包含一种样式来实现这一点，因为我找不到打开它们的选项。

我没有使用我自己的 class 样式化单元格，而是用适当的颜色覆盖了所有单元格：

.ag-theme-balham .ag-header-cell,
.ag-theme-balham .ag-header-group-cell,
.ag-theme-balham .ag-ltr .ag-cell {
    border-right: 1px solid #D9DDDF;
}

（我们重新设计了网格样式，因此交替行和选定行的颜色与标准行不同，因此这种颜色可能看起来不适合您的配色方案）

What is the proper way to add vertical column lines between cells in angular AG Grid?