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

Question

我喜欢AgGrid 的 Balham 主题，但我想在单元格之间设置分隔符。就像列标题之间的分隔符一样。

我正在使用带有 Angular 7 的 AgGrid Enterprise 19.1.4。

谁能帮我？

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，因为这是 ag-Grid 用于border-right 的 CSS 选择器，因此它覆盖了网格放置的内容。如果您想要一个更简单的选择器，只需输入 !important 以确保使用新的 CSS 而不是网格。

你也可以看看生成我们自己的主题，在这里解释： https ://www.ag-grid.com/javascript-grid-styling/

然而，仅仅为了添加边框，创建自己的主题将是矫枉过正的。