You may need to update the core or slickgrid JS file in order to achieve that.
Where it writes: slick-header <div class=slick-header>
There have been a post or two requesting this, so probably expect to create / modify a specific version of your SlickGrid file just for this purpose. I have not worked with SlickGrid in a while, so I could not tell you exactly all that you would need to write in order achieve your expected design.
---
I don't know if the example / version this person wrote below has much to do with mliebman's master repo.
You could perform a diff and see how it was constructed.
http://hariharanpalani.github.io/SlickGrid/examples/example-HeaderGrouping.htmlHe has defined his columns in the example with "columns" under ones which have multiples.
var columns = [
{ id: "title", name: "Title", field: "title", width: 200 },
{
id: 'common',
name: 'Common Factor',
columns: [
{ id: "duration", name: "Duration", field: "duration", width: 200 },
{ id: "%", name: "% Complete", field: "percentComplete", width: 200 }
]
},
{
id: "Period", name: 'Period',
columns: [
{ id: "start", name: "Start", field: "start", width: 200 },
{ id: "finish", name: "Finish", field: "finish", width: 200 }
]
},
{
id: 'effortdriven',
name: 'Effort-Driven',
columns: [
{ id: "effort-driven1", name: "Effort Driven 1", field: "effortDriven", width: 200 },
{ id: "effort-driven2", name: "Effort Driven 2", field: "effortDriven", width: 200 }
]
},
];
Give that a ganders...
Steve Fazekas