Ag网格分组显示

问题描述

附加了我的广告链接[https://plnkr.co/edit/lnF09XtK3eDo1a5v]

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

我尝试过更新plunker中显示的CSS，但仍然无法进入中心

display:none,center

当前网格- [

]“图片”

解决方法

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

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

这样，您就可以得到线条的边框，并为每个单元格添加底部边框，可以将cellStyle函数用于gridOptions：

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