Angular 向ag grid agRichSelectCellEditor添加箭头,使下拉功能更直观

Angular 向ag grid agRichSelectCellEditor添加箭头,使下拉功能更直观,angular,ag-grid,ag-grid-angular,Angular,Ag Grid,Ag Grid Angular,基本上,agRichSelectCellEditor不包含任何指示,表明它是一个实际的下拉列表,我想在cel显示单元中添加一个向下箭头,使其更直观。我已经搜索了文档,但没有找到任何内容您可以使用列定义的cellClass属性在单元格上显示箭头符号 .drop-down-style { &::after { content: '\f0d7'; font-family: 'Font Awesome 5 Free'; } } 在本例中,您需要在代码中导入字体。但是自定

基本上,agRichSelectCellEditor不包含任何指示,表明它是一个实际的下拉列表,我想在cel显示单元中添加一个向下箭头,使其更直观。我已经搜索了文档,但没有找到任何内容

您可以使用列定义的
cellClass
属性在单元格上显示箭头符号

.drop-down-style {
  &::after {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
  }
}
在本例中,您需要在代码中导入字体。但是自定义css也可以工作。也可以使用css定位箭头

在所需列的列定义上设置css属性,如下所示

{
  headerName: 'dropown column',
  cellClass: 'qft-select-cell'
}