ag-grid - 在 angular-ag-grid 中，如何仅在特定列标题上添加垂直线/分隔符？

Question

我正在尝试仅将垂直分隔符添加到主标题列 - 'Main-H-Col2' 和 'Main-H-Col3' 而不是子列标题。如何做到这一点？

export const TestAgGridColumns = [

  {headerName: 'Col1', field: 'col1', sortable: true, filter: true, lockVisible: true, lockPosition: 
                true, editable: false},
  {headerName: 'Main-H-Col2',
    children: [
      { headerName: 'sub-H-Col2',
        field: 'sub-H-Col2',
        sortable: true,
        filter: true,
        lockVisible: true,
        lockPosition: true,
        cellRenderer: 'agCellRenderer',
        cellEditor: 'agSelectCellEditor',
        cellEditorParams: {
          values: ['Y', 'N'],
          cellRenderer: 'agCellRenderer',
        }
      }
    ]},
  {headerName: 'Main-H-Col3',
    children: [
      { headerName: 'sub-H-col3-1', field: 'sub-H-col3-1', sortable: true, filter: true, lockVisible: 
        true, lockPosition: true,
        cellRenderer: 'agCellRenderer',
        cellEditor: 'agSelectCellEditor',
        cellEditorParams: {
          values: ['Y', 'N'],
          cellRenderer: 'agCellRenderer',
        }
      },
      { headerName: 'sub-H-col3-2', field: 'sub-H-col3-2', sortable: true, filter: true, lockVisible: 
        true, lockPosition: true},
      { headerName: 'sub-H-col3-2', field: 'sub-H-col3-2', sortable: true, filter: true,
        lockVisible: true, lockPosition: true, editable: false,
        tooltipField: 'sub-H-col3-1Changes',
        tooltipComponentParams: { color: '#ececec' }}
    ]}

];

标签： ag-gridag-grid-angular