在 ag-grid agRichSelectCellEditor 中添加箭头，使下拉功能更直观

Question

在基础上，agRichSelectCellEditor 不包含任何表明它是实际下拉菜单的指示，我想在 cel 显示单元格中添加一个向下箭头以使其更直观。我搜索了文档并没有找到任何东西

Answer 1

您可以使用列定义的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'
}