Hide Grid Header

[aconran]

How do I hide all grid headers? I want the column to show up but not the header.

[dj]

quick and dirty css

<style type="text/css">
.x-grid-header {
    display:none;
}
</style>

that will of course hide all headers of all grids on that page.

[jon.whitcraft]

<style type="text/css">
#gridid .x-grid-header {
    display:none;
}
</style>

change #gridid to the id of your grid and it will only hide the header for the grid that you dont want it to show for.

[yevgen]

<style type="text/css">
#gridid .x-grid-header {
    display:none;
}
</style>

change #gridid to the id of your grid and it will only hide the header for the grid that you dont want it to show for.

Thanks. It works for me.

[rojar]

Hi,

I just cannot figure out why this is not working for me.

I am using yui-ext-33

Using grid

var configureColGrid = new YAHOO.ext.grid.Grid('srarch', srarchDataModel, srarchlColumnModel);

Used style sheet
<style type="text/css">
#gridid .x-grid-header {
display:none;
}
</style>

But my grid headers are still visible

Please guide me.


Thanks.

[Animal]

Class names were different waaaaay back then!

Use Firebug to find uot which class you have to hide.

[evankstone]

...so is there a way to hide the column headers through javascript - i.e. not with CSS?

[aconran]

Thanks guys. I figured I was missing config option in one of the many objects needed to create a grid.

On that note, perhaps this would be a useful config option?

[jon.whitcraft]

The Problem is that it needs to be done in css.

I think it just needs to be outlined better in the documentation. I'll make sure and make a not of it for the documentation team to make sure and include.