分组显示Ag网格
Ag grid display in grouping
附上我的plunker link [https://plnkr.co/edit/lnF09XtK3eDo1a5v]
它有效,但是我想从组列中删除行分隔符并将组列数据保持在中心。
我尝试更新 CSS,如 plunker 中所示,但仍未居中
display:none, center
当前网格 -
[] 'image'
您可以尝试覆盖此 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' }
附上我的plunker link [https://plnkr.co/edit/lnF09XtK3eDo1a5v]
它有效,但是我想从组列中删除行分隔符并将组列数据保持在中心。
我尝试更新 CSS,如 plunker 中所示,但仍未居中
display:none, center
当前网格 -
[
您可以尝试覆盖此 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' }