GroupPanel

GroupPanel控件允许你向任意一个FlexGrid控件增加一个的可拖拽的分组UI。

要使用GroupPanel，在你的应用中引用"wijmo.grid.grouppanel.js"文件， 添加一个元素来保存分组UI，并且在你的页面加载时创建GroupPanel控件:

// add a FlexGrid to the page
var flex = new wijmo.grid.FlexGrid('#gridId');
// add a GroupPanel to enable grouping on the grid
var panel = new wijmo.grouppanel.GroupPanel('#panelId', { grid: flex});

如果你使用AngularJS的话，你只需要使用wj-group-panel指令:

<!-- create a FlexGrid with groups -->
<wj-group-panel
    grid="flex"
    placeholder="Drag columns here to create Groups"
    max-groups="4">
</wj-group-panel>
<wj-flex-grid
    control="flex" 
    items-source="data">