javascript - displaying table columns in collapsed state -

i'm submitting html form python script generates results in html table. however, when table displayed in page want columns in collapsed state, expand them checkbox, so:

$(document).ready(function(){    $(".collapse").hide();    $("#checkme").click(function(){        if($("#checkme").is(":checked")){            $(".collapse").show();        }else{            $(".collapse").hide();        }    }); }); 

the trouble is, table expends columns when it's being loaded , defaults collapsed state (ie, columns hidden). how can have "loading..." text displayed until table loaded of columns collapsed?
many in advance.

set table visibility hidden initially, , when dom ready this

$(document).ready(function(){ $("table.mygrid").show();});