ASP.NET

javascript create table

 

function createTable(dataList, parameter, roleId) {

    //get <table>  
    var tableCateRpt = document.getElementById('roleReptListTable');
    tableCateRpt.setAttribute("style", "overflow:scroll");
    tableCateRpt.setAttribute("height", "100px");

    //create <tbody>
    var tbdy = document.createElement('tbody');

    //dataList.length = table row
    for (var i = 0; i < dataList.length; i++) {
     
        //create <tr>
        var tr = document.createElement('tr');
        var getValueString = "";

        //parameter.length = table column
        for (var j = 0; j < parameter.length; j++) {

           //create <tr>
            var td = document.createElement('td');

            //append the text to <td>
            td.appendChild(document.createTextNode(dataList[i][parameter[j]]));
            getValueString += '"' + dataList[i][parameter[j]] + '"' + ",";

            // append the <td> to <tr>
            tr.appendChild(td);
        }

        //add <tr> attribute
        tr.setAttribute("onclick", "getValue(" + getValueString + dataList[i]["CategoryId"] + "," + dataList[i]["RptId"] + "," + roleId + "," + dataList[i]["RoleRptId"] + ")")
        
        //append <tr> to <tbody>
        tbdy.appendChild(tr);
    }

    //replaceChild(newnode, oldnode)
    tableCateRpt.replaceChild(tbdy, tableCateRpt.childNodes[0]);
}

參考網址: stackOverflow