Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ag grid 在角网格中,如何仅在特定列标题上添加垂直线/分隔符?_Ag Grid_Ag Grid Angular - Fatal编程技术网

Ag grid 在角网格中,如何仅在特定列标题上添加垂直线/分隔符?

Ag grid 在角网格中,如何仅在特定列标题上添加垂直线/分隔符?,ag-grid,ag-grid-angular,Ag Grid,Ag Grid Angular,我正在尝试只在主标题列-“Main-H-Col2”和“Main-H-Col3”中添加垂直分隔符,而不在子标题上添加垂直分隔符。如何做到这一点 export const TestAgGridColumns = [ {headerName: 'Col1', field: 'col1', sortable: true, filter: true, lockVisible: true, lockPosition: true, editable: false},

我正在尝试只在主标题列-“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' }}
    ]}

])

请您创建一个plunker来重新创建它好吗?您应该可以使用CellStyle谢谢。添加cellStyle:{border right:1px solid#aaa},我能够在特定列上添加创建分隔符。