我如何将垂直网格线连接到ag-Grid？

Question

我正在尝试将垂直网格线添加到ag-Grid以获得角度2（使其更加像Excel）。

我需要制作一个自定义主题（不使用ag-theme-balham）吗？

有人举榜吗？

任何帮助将不胜感激。

Answer 1

一种解决方案是通过添加例如为单元格样式：

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'

Answer 2

覆盖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;
  }