dojox.grid.DataGrid hide/disable the header of the grid

Question

I need a option to hide the header from a dojox.grid.DataGrid grid. Didn't find anything. I'm grateful for any info!

score 4 · Answer 1 · answered Sep 30 '11 at 14:30

4

I use in dojo 1.6 (and probably works since dojo 1.3)

#myGrid .dojoxGridHeader  { display:none; }

answered Sep 30 '11 at 14:30

jleviaguirre

686
6
10

thank you, this should be mentioned in the dojo documentation :-) – Micha Roon Mar 16 '12 at 09:20

score 1 · Answer 2 · answered Jul 14 '11 at 08:27

1

You can use CSS:

.dojoxGrid-header { display:none; }

This solution is taken from: http://dojotoolkit.org/reference-guide/dojox/grid/DataGrid.html#hiding-the-headers-of-a-grid

answered Jul 14 '11 at 08:27

Rolf

11
1

score 0 · Answer 3 · answered Aug 09 '12 at 23:37

u can connect at the postrender of the data grid. then find the headerGrid element created then put style display to none.

 //workaround the grid calls postrender after
                            //the component is at the dom.
                            //so then i can change the style to reset the header to invisible
                            dojo.connect(grid,"postrender",function(){
                                  var headerGrid =this.domNode.firstElementChild;
                                    headerGrid.style.display="none";
                            });

score 0 · Answer 4 · answered Jun 20 '13 at 09:21

I would recommend switching to using the new and improved dgrid instead of datagrid, it is a lot better!

The setting for hiding headers is the attribute 'showHeader' which is a boolean value.

Check out this dgrid tutorial that talks you through defining grid structures including 'showHeader'.

dojox.grid.DataGrid hide/disable the header of the grid

4 Answers4