javascript - 分组中的Ag网格显示

Question

附上我的 plunker 链接 [https://plnkr.co/edit/lnF09XtK3eDo1a5v]

它有效，但是我想从组列中删除行分隔符并将组列数据保持在中心。

我尝试更新 CSS，如 plunker 所示，但仍未进入中心

display:none, center

当前网格 - [ ] '图像'

标签： javascriptreactjsag-gridag-grid-angularag-grid-react

Answer 1

您可以尝试覆盖此 Ag-Grid Css 规则：

.ag-row {
    border: transparent!important;
}

有了它，您可以获取线条的边框，并为每个单元格添加底部边框，您可以在 gridOptions 中使用 cellStyle 函数：

cellStyle : params => (params.colDef.headerName === 'Country' || params.colDef.headerName === 'Year') && !params.value
? { borderBottom: 'solid transparent' }
: { border-bottom: '1px solid #dde2eb' }