WPから取得したオープンデータの配列からtableを自動作成

WPからオープンデータをアプリに表として表示させる関数を作成した。

// 表の動的作成関数//////////////////////////////////
    function makeTable(data, tableId){
    // 表の作成開始
    var rows=[];
    var table = document.createElement("table");

    //ヘッダ行の作成
    rows.push(table.insertRow(-1));  // 行の追加

    cell=rows[0].insertCell(-1);  //セル作成
    cell.appendChild(document.createTextNode('避難場所'));
    cell.style.backgroundColor = "#bbb"; // ヘッダ行

    cell=rows[0].insertCell(-1);  //セル作成
    cell.appendChild(document.createTextNode('住所'));
    cell.style.backgroundColor = "#bbb"; // ヘッダ行


    // 表に配列の要素を格納
    for(i = 0; i < data.lengths; i++){
        rows.push(table.insertRow(-1));

        //施設名のセル作成
        cell=rows[i+1].insertCell(-1);
        cell.appendChild(document.createTextNode(data[i].name));
        // 背景色の設定
        cell.style.backgroundColor = "#ddd"; // ヘッダ行以外

        //住所のセル作成
        cell=rows[i+1].insertCell(-1);
        cell.appendChild(document.createTextNode(data[i].address));
        // 背景色の設定
        cell.style.backgroundColor = "#ddd"; // ヘッダ行以外
    }
    // 指定したdiv要素に表を加える
    document.getElementById(tableId).appendChild(table);
    }