如何使用巴勒姆主题在单元格之间拥有分隔符

Question

我喜欢AgGrid的Balham主题，但我希望单元格之间有分隔符。就像列标题之间的分隔符一样。

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

谁能帮我？

Answer 1

你需要在

ag-cell 中加入一些 CSS。下面是一个示例：https://plnkr.co/edit/EyJEtF7wzWsdpzCJFzGm?p=preview

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

该示例使用 CSS 类选择器.ag-theme-balham .ag-ltr .ag-cell因为这是 CSS 选择器 ag-Grid 用于右边框，因此它覆盖了网格放置的内容。如果你想要一个更简单的选择器，只需输入！important以确保使用新的CSS而不是网格。

您还可以查看生成我们自己的主题，在此处解释：https://www.ag-grid.com/javascript-grid-styling/

但是，创建自己的主题仅添加边框就过分了。