Stop display of datagrid until data is fully loaded?

[simplescience]

Is there a way to stop the display of an edatagrid until all the data is loaded - potentially showing a loading spinner?

[stworthy]

You can create the datagrid and then hide it. When the data is loaded successfully, display the panel again and resize the datagrid.

Code:

$('#tt').edatagrid({
    onLoadSuccess:function(){
        $(this).edatagrid('getPanel').panel('open');
        $(this).edatagrid('resize');
    }
}).edatagrid('getPanel').panel('close');

[simplescience]

Thanks for that.  It works.  I did need to hide the table header as well, and show it when done.  However, that did work.

Thanks again.