Стили из адаптера ломают срабатывание событий в кастомных ячейках.

[vpmew]

ag-grid-react предоставляет возможность рендерить кастомные ячейки с помощью свойства cellRenderer. Например, можно расположить в ячейках кнопки (https://blog.ag-grid.com/cell-renderers-in-ag-grid-every-different-flavour/)

я создаю стили для таблицы с помощью agGridAdapter таким образом:

const styleOptions = agGridAdapter({
  size: 'm',
  borderBetweenColumns: true,
  borderBetweenRows: true,
  headerVerticalAlign: 'center',
  headerView: 'default',
  verticalAlign: 'center',
});

а затем передаю их к компоненту

<AgGridReact
        {...styleOptions}
        // other props
/>

В создаваемом с помощью адаптера объекте styleOptions проблемным является свойство className.

если его не передавать в AgGridReact, то события клика на кнопках в ячейках работают. а с className - нет.

видимо, какой-то из селекторов блокирует события клика для элементов в ячейках.

Версии:
"@consta/ag-grid-adapter": "3.0.0",
"ag-grid-react": "30.0.0"

[vpmew]

точную причину по которой не срабатывает клик по кастомному контенту подсказали в чате:

псевдоэлемент .ag-cell-focus:after перекрывает ячейку и клики по колонке не работают, если там кастомный контент через cellRenderer.