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

时间:2019-12-05 20:19:38

标签: angular ag-grid ag-grid-angular

从根本上讲,agRichSelectCellEditor不包含任何表明它是实际下拉菜单的指示,我想向cel显示单元格添加一个向下箭头以使其更加直观。我已经搜索了文档,却没有找到任何东西

1 个答案:

答案 0 :(得分:0)

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

.drop-down-style {
  &::after {
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free';
  }
}

在此示例中,您需要在代码中导入Font Awesome。但是自定义CSS也可以使用。您也可以使用css定位箭头。

按如下所示在所需列的列定义中设置css属性。

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