Hide unused grid

Hello, Gary,
 
Thank you for contacting us.
 
Our team recommends using an approach based on resizing the wrapper of the pivot container when the report is loaded or changed.
 
The container size can not be changed after it is created on the page, however, in case its width and height properties are set to 100%, it is possible to resize its wrapper changing the size of the container itself.
 
Please see an example demonstrating such an approach.
 
As you can see in the example, the pivot container is wrapped by another element:

<div id="wrap">
	<div id="wdr-component">
</div>

It is resized when reportcomplete and reportchanged events are triggered:

webdatarocks.on('reportchange', 'redraw');
webdatarocks.on('reportcomplete', 'redraw');

 
The function dedicated to handling the calculation of the required size and changing the wrapper can be found within a provided example. It is named redraw and starts at line 25.
 
Please let us know if it works for you.
 
Best regards,
WebDataRocks Team