Investigate use of colgroup

[flack]

Currently, if you set e.g. hidden: true in colModel, style="display: none" is added to each cell in the column. Performance might be better if we define a colgroup instead, because then the runtime for setting these properties would be O(1) instead of O(n). Markup would then look like this:

<table id="grid">
    <colgroup>
        <col style="display: none">
        <col style="text-align: right">
    </colgroup>
    <tr>
        <td>This is the hidden column</td>
        <td>This is the right-aligned column</td>
    </tr>
</table>

[OlegKi]

I agree with that the usage of colgroup can be helpful in general. I consider the feature some years before. Do you tested the code? Look at the demo.

The problem is that works not exactly how one want. One can apply only some small subset of specific CSS properties on visible columns. So the real help of colgroup is not so large.

[meh-uk]

It looks like you can style columns visibility - http://www.search-this.com/2007/04/11/styling-table-columns-with-css/

[flack]

Yes, I just tried that with Oleg's jsfiddle: If you replace display: none with visibility: collapse, it works as expected

[smartcorestudio]

Have you tried "visibility: collapse" on Blink-based browsers?

[smartcorestudio]

I've tested Oleg's fiddle with "visibility: collapse" on the latest Chrome and had no luck. Everything is OK on FF and IE.

[flack]

Hm, I guess you're right: Chrome (I tried 37) doesn't support that correctly

[flack]

Another option for improving rendering performance might be React:

http://facebook.github.io/react/

Unfortunately, their core lib is 130Kb, almost as big as the entire jqgrid. But maybe we can borrow a few ideas from them