Ag grid 在角网格中,如何仅在特定列标题上添加垂直线/分隔符?
我正在尝试只在主标题列-“Main-H-Col2”和“Main-H-Col3”中添加垂直分隔符,而不在子标题上添加垂直分隔符。如何做到这一点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},
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},我能够在特定列上添加创建分隔符。