group

group - fired when the user drag and drop column to the group header row.

$("#grid").shieldGrid({
    dataSource: {
        data: [
            { ID: 1, name: "name1" },
            { ID: 2, name: "name2" }
        ],
        group: [
            { field: "ID", order: "asc"}
        ]
        ...
    },
    grouping: {
        showGroupHeader: true,
        allowDragToGroup: true
    },
    columns: [
        { field: "ID" },
        { field: "name" }
    ],
    events: {
        group: function (e) {
            var field = e.field;
            ...
        }
});