分组中的Ag网格显示[关闭]

Posted 2023-03-28

【中文标题】分组中的Ag网格显示[关闭]

【英文标题】：Ag grid display in grouping [closed]

【发布时间】：2020-12-02 20:49:07

【问题描述】：

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

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

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

display:none, center

当前网格 - [] '图片'

【问题讨论】：

plunker 链接 [plnkr.co/edit/lnF09XtK3eDo1a5v]

【参考方案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'  

【讨论】：

感谢这项工作（我已根据建议进行了更新），但是我们是否可以选择在不同的组值之间设置边界..在此示例中，国家是组，并且说美国行已完成，可以我们得到底部边框来描述组值的结束