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