#ag-grid #ag-grid-react
#ag-сетка #ag-сетка-реагирует
Вопрос:
У меня есть следующая настройка:
- компонент ag-сетки
- список определений столбцов
- некоторые данные (пока не важны)
- выберите ввод, где я могу выбрать один из столбцов из моей таблицы, который хранится в локальном состоянии
Для всех определений столбцов у меня есть пользовательский компонент заголовка, смонтированный с помощью headerComponentFramework которого метка выбранного столбца должна отображаться красным цветом, а все остальные-черным.
Код в компоненте чем-то похож на этот:
selectedColumn === column.colDef.headerName где selectedColumn находится местный штат.
Теперь, если начальное значение selectedColumn параметра при запуске приложения равно метке одного из существующих столбцов, заголовок этого столбца будет правильно отображен КРАСНЫМ цветом, но любое изменение в локальном состоянии не приведет к обновлению заголовка.
Один обходной путь , который я нашел, состоял в том, чтобы сбрасывать определения столбцов для таблицы при каждом обновлении selectedColumn , но мне это не нравится, так как моя таблица может стать довольно большой, с большим количеством столбцов и строк, и я не хочу каждый раз все перерисовывать.
TL; DR; Мне нужен пользовательский компонент в заголовке столбца, управляемый локальным состоянием вне таблицы.