Ag 网格仅在组值之间放置边框

Question

附上我的 plunker 链接 [https://plnkr.co/edit/lnF09XtK3eDo1a5v]我们是否可以选择在不同的组值之间设置边框。在此示例中，国家/地区是组，让我们说美国行已完成，我们能否获得底部边框来描述组值的结尾

Answer 1

您可以使用rowClassRules它来确定哪些行应该具有特定的样式。在您的情况下，您可能希望设置border-top组中第一行减去表中第一行的样式。所以它会是

<AgGridReact

  ...

  rowClassRules={{

    "first-row-in-group": (params) => 

        params.node.rowIndex !== 0 && params.node.firstChild

  }}

/>

在你的 CSS 文件中

/* style expanded row group */

.first-row-in-group,

/* style collapsed row group */

.ag-row-group-contracted {

  border-top: tomato solid 1px !important;

}