Добавление стрелки в ag-grid agRichSelectCellEditor, чтобы сделать раскрывающийся список более интуитивно понятным

По сути, agRichSelectCellEditor не содержит никаких указаний на то, что это фактический раскрывающийся список, и я хотел бы добавить стрелку вниз в ячейку отображения cel, чтобы сделать ее более интуитивно понятной. Я просмотрел документы и ничего не нашел


angular ag-grid ag-grid-angular
person StarLlama    schedule 05.12.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете использовать свойство 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'
}
person abd995    schedule 09.12.2019