StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I suppose you are looking for functionality like this ?</p> <p><a href="http://bit.ly/JTlf0z" rel="nofollow">http://bit.ly/JTlf0z</a> or <a href="http://bit.ly/KuncBU" rel="nofollow">http://bit.ly/KuncBU</a></p> <p>The above examples are from ExtJS grid and jQuery.easyUI plugins.</p> <p>This seems to be something that is not available in SlickGrid at present ( I'm no SlickGrid pro, this is just what I inferred from some Googling ). You will most probably have to code it yourself. </p> <p>(That is of course, if you don't want to switch to one of the grids mentioned above ;).)</p> <p>Dig into the source, find the place where it generates the columns and column headers and start working on it. You can check the other grids mentioned above for some guidance on implementing this ( as regards to HTML markup and CSS used ). </p> <p>You will most probably have to modify the way the 'columns' arrays is defined, to include data on the column grouping headers.</p> <p>Something like:</p> <pre><code>var columns = [ {title:'Group 1', columns:[ {id: "field1", name: "Field 1", field: "field1"}, {id: "field2", name: "Field 2", field: "field2"}, ]}, {id: "field3", name: "Field 3", field: "field3"}, {title:'Group 2', columns:[ {id: "field4", name: "Field 4", field: "field4"}, {id: "field5", name: "Field 5", field: "field5"}, {id: "field6", name: "Field 6", field: "field6"}, ]} ]; </code></pre> <p>Then modify the column generation code to check for the existence of a nested 'columns' field and use that to generate the column headers ? </p> <p>Just an idea :). Hope that was of some help.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload