javascript - jquery を使用してグリッドを動的に構築する

Question

jqueryを使用してグリッドを動的に構築する方法を研究しています。私はたくさんの API を読み、Google で検索しましたが、誰もそれについて明確な全体的なスタンスを示しているようには見えません。たぶん私も理解していないので、build tableという関数を使用していて、結果を返したいと思っています。

したがって、このテーブルの生成ボタンをクリックすると、グリッドが表示されます。

しかし、何も表示されません

誰でも助けることができますか

function buildTable(criteria)
{
  var result = new Object();
  result.rows = criteria.rows;
  result.totalRows = result.rows + 1;
  result.row = new Array();
  for(var i = 0; i < result.rows; i++)
  {
    result.row[i] = new Object();
    result.row[i].shoeId = 100+i;
    result.row[i].dressId = "LKM0" + i;
    result.row[i].arrivalDt = "01/02/2013 15:45";
    result.row[i].stockDt = "01/02/2013 15:46";
    result.row[i].fashionStatus = "differences"; 
  }
  return result;
}
</script>   



<input type="button" value="Generate a table." onclick=" document.getElementById('Grid').style.visibility = 'visible';" />  

        <div class="Grid" id="Grid" onload="buildTable()" > </div>