我正在尝试将垂直网格线添加到 angular 2 的 ag-Grid(使其更像 excel)。
我需要制作自定义主题(不使用 ag-theme-balham)吗?
有人有例子吗?
任何帮助,将不胜感激。
我正在尝试将垂直网格线添加到 angular 2 的 ag-Grid(使其更像 excel)。
我需要制作自定义主题(不使用 ag-theme-balham)吗?
有人有例子吗?
任何帮助,将不胜感激。
覆盖 ag-grid 值:
.ag-cell
{
border-right-color: black;
border-right-width: 1px ;
border-right-style: solid ;
}
对于单元格和标题
.ag-header-cell, .ag-header-group-cell {
border-right: 1px solid black;
}
一种解决方案可能是通过添加例如:
cellStyle: {border: '1px solid'}
结果:
使用此Stackblitz供您参考:
https://stackblitz.com/edit/ag-grid-bss-test-s5pxxc?file=app/app.component.ts
您可以尝试为边框设置不同的尺寸以获得更好的外观和感觉:
border: 'solid',
borderTopWidth: '0.5px',
borderRightWidth: '0.5px',
borderLeftWidth: '0.5px',
borderBottomWidth: '0.5px'