그룹패널(GroupPanel)과 드래그 앤 드롭 그룹화(Drag and Drop Grouping)
wijmo.grid.grouppanel 모듈은 그리드에 Outlook 스타일의 그룹화 UI를 추가하는 GroupPanel 컨트롤을 제공합니다.
그룹 패널 컨트롤을 사용하려면 열 헤더를 패널로 드래그하여 그룹을 만듭니다. 그룹을 새 위치로 드래그하거나 그룹을 제거할 수도 있습니다.
먼저 FlexGrid를 만듭니다:
import * as wjGrid from '@mescius/wijmo.grid';
import * as wjGridGroupPanel from '@mescius/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
});