Быстрое обновление после изменения состояния rowGroupPanelShow

#reactjs #ag-grid #ag-grid-react

#reactjs #ag-сетка #ag-grid-реагировать

Вопрос:

После изменения rowGroupPanelShow с «всегда» на «никогда» верхняя часть групповой панели скрывается. Есть ли какой-либо метод refreshView, который мне нужно вызвать из экземпляра Grid?

Код

 this.setState({ rowGroupPanelShow: 'never' });
  

Ответ №1:

Один из простых способов быстро получить желаемое — скрыть этот компонент с помощью css. Не забудьте указать уникальный идентификатор для вашей таблицы, чтобы вы могли найти точный компонент для переключения видимости

Настройка

 const showRowGroupPanel = () => {
  const el = document.querySelector(`#myTableId .ag-column-drop-wrapper`);
  el.style.display = "";
};
const hideRowGroupPanel = () => {
  const el = document.querySelector(`#myTableId .ag-column-drop-wrapper`);
  el.style.display = "none";
};

...

<button onClick={showRowGroupPanel}>Show</button>
<button onClick={hideRowGroupPanel}>Hide</button>
<div
  style={{ height: "100%", width: "100%" }}
  className="ag-theme-balham"
  id="myTableId"
>
  <AgGridReact {...}/>
</div>
  

Живой пример

Редактировать AgGrid Переключать панель группы строк