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

Question

我喜欢AgGrid's Balham theme，但我想在单元格之间使用分隔符。就像列标题之间的分隔符一样。

我正在将AgGrid Enterprise 19.1.4与Angular 7一起使用。

有人可以帮助我吗？

Answer 1

您将需要在CSS单元格中放入一些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，因为这是ag-Grid用于右边框的CSS选择器，因此它覆盖了网格放置的内容。如果您想要一个更简单的选择器，只需输入！important即可确保使用了新的CSS get，而不是使用了网格。

您还可以查看生成我们自己的主题，在这里进行说明： https://www.ag-grid.com/javascript-grid-styling/

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