how to hide a grid, and show again

I'd like to use 2 grids. One at a time. When I hide the first, the secound can be wirtten on the same place.

To Hide ----------
obj1.setStyle("display", "none");
obj1.refresh();
To Show -------------
obj2.setStyle("display", "block");
obj2.refresh();

I'v became Carloslover.

Add like this. it is better one.
obj1.setStyle("visibility", "hidden");
obj1.setStyle("display", "none");
obj1.refresh();
obj1.setStyle("visibility", "visible");
obj2.setStyle("display", "block");
obj2.refresh();


Regards,
Kumar S
www.Guyfromchennai.com

sorry the 4th line should be
obj2.setStyle("visibility", "visible");
i mistyped obj2 as obj1.

Regards,
Kumar S
www.Guyfromchennai.com

Hey Dude thanks a lot...i was searching for this stuff..realy helped me a lot..
thanks once again.
Regards
Chidanand Gaddi

If I initially set
obj1.setStyle("visibility", "hidden");
obj1.setStyle("display", "none");
obj1.refresh();

Then
obj1.refresh();
obj1.setStyle("visibility", "visible");
obj1.setStyle("display", "block");

The vertical and horizontal scrollbars are not there. Do I need to set the scrollbars or something else.

Thanks!

The grid does not initialize correctly in a hidden state. Try adding the grid at the later stage when it is visible.

Can I set to to invisible after document.write(obj1); ? I have the need to set the grid to invisible if no data exists. I tried after the document.write but still have no scrollbars. I guess I can hide it with style if I have to.

Thanks!