Расширение сетки React Ag на предприятии

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

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

Вопрос:

У меня есть данные на четырех уровнях группировки, и при использовании функции расширения в ag grid, как я могу настроить ее на расширение до уровня 2? Я не хочу, чтобы пользователь видел данные, расширенные до 4 уровней, но я хочу предоставить расширенную функциональность до уровня 2.

Ответ №1:

В API нет встроенного метода для этого, но вы можете легко написать свой собственный метод расширения на определенном уровне, используя RowNode информацию, которую предоставляет вам grid API

 const expand = (upToLevel) => () => {
  gridApi.forEachNode((node) => {
    if (node.level < upToLevel) {
      node.expanded = true;
    } else {
      node.expanded = false;
    }
  });
  gridApi.onGroupExpandedOrCollapsed();
};
  

Использование

 <button onClick={expand(1)}>Expand lvl1</button>
<button onClick={expand(2)}>Expand lvl2</button>
<button onClick={expand(3)}>Expand lvl3</button>
  

Живой пример

Редактировать AgGrid, расширяя группу до уровня Lvl