Hide/Show grid with vitual scrolliing shows blank list

Hide/Show grid with vitual scrolliing shows blank list


I am facing the show blank grid during t scroll hide show button, Please check the below code.

<div id="FirstGrid{!ComponentID}" ></div>
<apex:outputPanel id="firstPanel" >
<!-- Start ActiveWidget HTML -->
<script>
// alert({!strAlertList});
var viewpage{!ComponentID} = '{!View}';
var alertview{!ComponentID} = '{!targetAlertView}';

var myHeaders{!ComponentID} = ["Mark as Read","Date", "Account","Account", "Contact","Contact", "Deal", "Document", "Activity Type","Activity Type"];
// create grid object
var obj{!ComponentID} = new AW.UI.Grid;

// assign cells and headers text
obj{!ComponentID}.setCellText({!strAlertList});

obj{!ComponentID}.setHeaderText(myHeaders{!ComponentID});
obj{!ComponentID}.setSortColumn(1);
obj{!ComponentID}.setSortDirection("descending", 1);
// set number of columns/rows
obj{!ComponentID}.setColumnCount(6);
//obj.setRowCount(10);
obj{!ComponentID}.setRowCount({!strAlertList.size});
obj{!ComponentID}.setId("alert_grid{!GridName}");

obj{!ComponentID}.setColumnWidth(100, 1);
obj{!ComponentID}.setColumnWidth(210, 2);
obj{!ComponentID}.setColumnWidth(184, 4);
obj{!ComponentID}.setColumnWidth(185, 6);
obj{!ComponentID}.setColumnWidth(200, 7);
obj{!ComponentID}.setColumnWidth(150, 9);
obj{!ComponentID}.setColumnIndices([1, 2,4,6,7,9]);

obj{!ComponentID}.setRowHeight(27);
obj{!ComponentID}.setHeaderHeight(31);

obj{!ComponentID}.onSelectedRowsChanged = function(arrayOfRowIndices{!ComponentID}){
window.status = arrayOfRowIndices{!ComponentID};
}
obj{!ComponentID}.setControlImage("fontsize");
obj{!ComponentID}.setControlValue("mixed");

// write obj to the page
//obj{!ComponentID}.refresh();

document.getElementById("FirstGrid{!ComponentID}").innerHTML=obj{!ComponentID};

var totalPage{!ComponentID} = {!totalPages};

</script>
<!-- End ActiveWidget HTML -->
</apex:outputPanel>