javascriptを使用してjsonオブジェクトからデータ行を動的に追加しますか？

Question

私はこのように、私のウェブサイトのプロジェクトでのJSONファイルを持っている：

[ 
    { 
"id": "1", 
"name": "ramesh", 
"phone": "12345", 
"salary": "50000" 
    }, 

    { 
"id": "2", 
"name": "suresh", 
"phone": "123456", 
"salary": "60000" 
    } 
] 

ここでは、サンプルデータである、それは4つの列がありますが、私は私が取得する私のJSONデータが、持っていることを知りませんいくつの列の数。私はこのjsonデータから動的なhtmlテーブルを作成しようとしています。これは私が今書き込み持つコードです：私は、データ行を挿入しようとすると、上記のコード

<script> 
    $(document).ready(function() { 
     var jsonitems = []; 
     $.getJSON("json.json", function (data) { 
      var totalColumns = Object.keys(data[0]).length; 
      var columnNames = []; 
      columnNames = Object.keys(data[0]); 

      //Create a HTML Table element. 
      var table = document.createElement("TABLE"); 
      table.border = "1"; 

      //Add the header row. 
      var row = table.insertRow(-1); 
      for (var i = 0; i < totalColumns; i++) { 
       var headerCell = document.createElement("TH"); 
       headerCell.innerHTML = columnNames[i]; 
       row.appendChild(headerCell); 
      } 

が働いている、私は、以下の問題に直面しています動作していないもののためのコードです：

  //Add the data rows. 
      //for (var i = 1; i < data.length; i++) { 
      // row = table.insertRow(-1); 
      // for (var j = 0; j < totalColumns; j++) { 
      //  var cell = row.insertCell(-1); 
      //  cell.innerHTML = customers[i][j]; 
      // } 
      //} 

      var dvTable = document.getElementById("dvTable"); 
      dvTable.innerHTML = ""; 
      dvTable.appendChild(table); 
     }); 
    }); 
</script> 

私を助けてください。私が解釈することができるものに基づいて おかげ