그룹패널(GroupPanel)과 드래그 앤 드롭 그룹화(Drag and Drop Grouping)

wijmo.grid.grouppanel 모듈은 그리드에 Outlook 스타일의 그룹화 UI를 추가하는 GroupPanel 컨트롤을 제공합니다.

그룹 패널 컨트롤을 사용하려면 열 헤더를 패널로 드래그하여 그룹을 만듭니다. 그룹을 새 위치로 드래그하거나 그룹을 제거할 수도 있습니다.

먼저 FlexGrid를 만듭니다:

import * as wjGrid from '@grapecity/wijmo.grid';
import * as wjGridGroupPanel from '@grapecity/wijmo.grid.grouppanel';

  // create group panel grid
  var theGrid = new wjGrid.FlexGrid('#theGrid', {
    itemsSource: data
  });

그런 다음 그룹 패널을 만들고 FlexGrid 인스턴스에 대한 참조를 전달합니다.

// create the group panel and pass in the grid
var theGroupPanel = new wjGridGroupPanel.GroupPanel('#theGroupPanel', {
  placeholder: 'Drag columns here to create groups',
  grid: theGrid
});