This plug-in is for slickgrid to group one level columns.
<link rel="stylesheet" href="https://github.com/naresh-n/slickgrid-column-group/blob/master/./css/slick.columngroup.css" type="text/css"/>
<script src="https://github.com/naresh-n/slickgrid-column-group/raw/master/./src/slick.columngroup.js"></script>
bower install slickgrid-column-group
Add a new property called "groupName" in the slickgrid column definition.
{id: "title", name: "Title", field: "title", width:100, groupName: "Group-1"},
{id: "duration", name: "Duration", field: "duration", width:100, groupName: "Group-1"},
{id: "%", name: "% Complete", field: "percentComplete", width:100, groupName: "Group-1"},
{id: "start", name: "Start", field: "start", width:100, groupName: "Group-2"},
{id: "finish", name: "Finish", field: "finish", width:100}
grid = new Slick.Grid("#myGrid", data, columns, options);
plugin = new Slick.ColumnGroup()
grid.registerPlugin(plugin);
grid.render();
plugin.enableColumnGrouping();
[OR]
plugin.removeColumnGrouping();
https://rawgit.com/naresh-n/slickgrid-column-group/master/examples/example-1.html