Почему добавление столбца в ag-grid-react вызывает повторную визуализацию всех ячеек?

Question

• 1000 Есть ли способ предотвратить это? Я передаю точно такие же rowData и не меняю ссылки на другие columnDefs

Answer 1

Вы должны использовать columnApi.setColumnState(), чтобы обновить видимость столбца. Избегайте setState (что я предполагаю в вашем случае), потому что это не нужно. Все остальное Ag-grid сделает за вас. Примерно так:

    const show = true; // or false depend on what you want
    const columnState = columnApi.getColumnState();
    const newColumnState = columnState.map((c) => {
      const nc = { ...c };
      if (c.colId === targetColId) {
        nc.hide = show;
      }
      return nc;
    });
    columnApi.setColumnState(newColumnState);

Живой пример

Изменить видимость столбца AgGrid