Custom rendering of header cells

I’d like to render the header cells of Slickgrid myself and the only way how i can do this at the moment is via the onHeaderCellRendered callback. The problem here is, that slickgrid (as the name of the callback suggests) has already finished rendering the header cell.

So if i add something to the cell and it’s getting wider than before what happens is that the header cell will be as wide as i want it to be but the the table cells of that column will stay the same width as before.

grid.onHeaderCellRendered.subscribe(function(e, args){
    //adding some stuff to args.node, setting the width of args.node to something wider via
            //$(args.node).width(...);
});

And here’s how it looks. (green = correct width, red = old width).

If there is no easy way to get around this i would try to implement a feature covering this for slickgrid.

[ckosmowski]

So what if i don’t need that option? I don’t want header cells to be truncated because making the columns that small will make the table contain less information because if you have a lot of columns rendered that way everything you see is “Bla…” in every header and every cell. And in addition to that you won’t even see how the table is sorted because the sort indicator is missing.

At this point i don’t think that this discussion will lead to anything constructive so it seems like i’ll have to take the beautiful features of github and fork my own. Let me at least close this with something humorous.

Please don’t get me wrong Slickgrid is a great piece of software. And again thank you for the great effort you’re putting into this!

[mleibman]

😃

I still don’t get your point though. Since you specify column width manually anyway, just make it wider, no? If you know that your indicator adds 10px, you can make the changes to the column widths via grid.setColumns() from the plugin.