我希望我的 AG-Grid 列具有垂直边框。默认情况下,网格行具有水平边框。我希望它模仿常规 Excel 电子表格的外观和感觉。
我尝试在列定义中使用单元格样式,如下所示:
this.columnDefs = [
{ headerName: 'Test', cellStyle: {'border-right-color': '#e2e2e2'}, field: 'test' }];
这可以解决问题。但是,当我单击要编辑的单元格时,它放在活动单元格上的蓝色边框会被上面的单元格样式覆盖,因此我得到一个带有 3 个蓝色边框和 1 个灰色边框的单元格。
这不是正确的方法......
有人有什么想法吗?我尝试过一些 CSS 样式设置,但一事无成,因为弄清楚要覆盖哪些类似乎非常困难。
最好通过设置 ag-grid 主题样式来完成。这是有关它的文档https://www.ag-grid.com/javascript-grid-themes-customising/ https://www.ag-grid.com/javascript-grid-themes-customising/
我做了一个简单的带有边框的 Stackblitz边框示例 https://stackblitz.com/edit/ag-grid-angular-cell-border?file=src%2Fstyles.scss您可以查看一下。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)