如何使用 balham 主题在单元格之间设置分隔符？

Question

我喜欢 AgGrid's Balham theme 但我希望单元格之间有分隔符。就像列的 headers.

之间的分隔符一样

我正在使用 AgGrid Enterprise 19.1.4 和 Angular 7.

谁能帮帮我？

Answer 1

您需要将一些 CSS 放入 ag-cell。这是一个例子： https://plnkr.co/edit/EyJEtF7wzWsdpzCJFzGm?p=preview

.ag-theme-balham .ag-ltr .ag-cell {
  border-right: 1px solid #aaa;
}

该示例使用 CSS class 选择器 .ag-theme-balham .ag-ltr .ag-cell 因为这是 ag-Grid 用于 border-right 的 CSS 选择器，因此它会覆盖网格放置的内容.如果您想要一个更简单的选择器，只需输入 !important 以确保使用新的 CSS get 而不是网格。

您还可以考虑生成我们自己的主题，此处有说明： https://www.ag-grid.com/javascript-grid-styling/

然而，仅仅为了添加边框而创建自己的主题就太过分了。

如何使用 balham 主题在单元格之间设置分隔符？

How to have separators between cells using balham theme?

ag-grid

angular

ag-grid-angular