Jsonデータを10行2列に並べて表示したいです

Question

下記ソースの通り、JsonのNameデータが最大20件(最大20件で最小1件が)送られてきます。
そのデータを画面出力する際、10行2列に並べて表示したいのですが、
実装方法が分かりません。ご教授をお願いします。

・java script Jsonデータ

var jsonData = [{"name": "Aさん"},{"name": "Bさん"},{"name": "Cさん}];

・現在のHTMLです

      <table id="example">
            <thead>
                <tr>
                    <th>Name1列目</th>
                    <th>Name2列目</th>
                </tr>
            </thead>
            <tbody>
        </table>

・イメージ
![イメージ説明]WIDTH:138

Answer 1

jQueryを使って書いてみました。

var rows=Math.ceil(jsonData.length/2); //1個だけ残ることを考えて切り上げ
var i;
var $tbody=$('#example tbody');
var $tr;
for(i=0;i<rows;++i){
  $tr=$('<tr />');
  $tr.append($('<td />').text(jsonData[i]));
  if(i+rows<jsonData.length){
    $tr.append($('<td />').text(jsonData[i+rows]));
  }
  $tbody.append($tr);
}

Comments

[shoi]

解決することが出来ました。ありがとうございます