ansaurus

Question

Answer 1

+1 A:

This should probably work:

.slick-header-columns { display: none; }

Deniz Dogan 2010-04-28 09:40:12

I tried this. It doesn't work. The rest of the cells disappear as well.

Misha Moroshko 2010-04-28 09:51:11

@Misha Moroshko: When I tried it using Firebug on the example page it worked just fine. I can't see anything in the HTML that would make the other cells disappear.

Deniz Dogan 2010-04-28 10:57:02

Could you please tell me where did you add this code using Firebug ?

Misha Moroshko 2010-04-28 13:15:07

I selected the `div` with class `slick-header-columns` and chose "Add property" to the class CSS rule.

Deniz Dogan 2010-04-28 23:00:03

It's strange. It really works with Firebug, but if I download the SlickGrid package and change this example as you proposed it does not work....

Misha Moroshko 2010-04-28 23:59:34

This won't work. See my answer for a workaround.

Tin 2010-04-30 05:27:18

Answer 2

+1 A:

The short answer is that doing this is not supported in SlickGrid, at least at the moment. The CSS workaround doesn't work because SlickGrid uses the DOM elements in the header to calculate the dimensions of the viewport. Setting it to "display:none" makes SlickGrid think that the grid is 0 pixels wide.

You can sort of get around it by doing $(".slick-header-columns").css("height","0px") followed by a call to grid.resizeCanvas() to get rid of the remaining whitespace at the bottom of the grid.

Tin 2010-04-30 05:24:48

Thanks ! The workaround works :) It would be nice to have this basic(?) feature in the future. Thank you for your time !

Misha Moroshko 2010-04-30 07:12:31

@moroshko: You can always add it to Issues on GitHub as a feature request ;)

Tin 2010-04-30 16:45:30

ansaurus

tags:

views:

answers:

How to remove the header in SlickGrid ?

related questions