Hiding the Grid

I have the grid in a table and I set the style.visibility of the table to hidden but the column header of the grid still shows. I set the grid style to hidden, oMainGrid.setStyle("visibility","hidden"); but the column header still shows.

Is anyone else noticing this behavior? Am I missing something, like setting the column header to hidden as well?

Thanks for your help.

var showHideGrid = new AW.UI.Button;
showHideGrid.setControlText("SHOW/HIDE GRID");
showHideGrid.setEvent("onclick",
    function() {
        if(gridObj.getStyle("visibility") != "hidden") {
            gridObj.setStyle("visibility", "hidden");
            gridObj.setStyle("display", "none");
        } else {
            gridObj.setStyle("visibility", "visible");
            gridObj.setStyle("display", "block");
        }
    }
);
document.write(showHideGrid);

cya :-)

Perfect! Thank you!

Thats actually a 2.0.0 bug which is fixed in 2.0.1, but display:none should work with both.