如何在javascript中创建表

如何在javascript中创建表。Td数据将从后端发送

<table class="table table-hover">
                        <tbody><tr>
                            <th>User Name</th>
                            <th>Manager Name</th>
                            <th>IMEI Number</th>
                            <th>Email</th>
                            <th>GPS Location</th>
                            <th>Action</th>
                        </tr>
                        <tr>
                            <td>183</td>
                            <td>John</td>
                            <td>99999999999</td>
                            <td><span class="label label-success">Edit</span></td>
                            <td>9999</td>
                            <td>99999999999</td>
                        </tr>

                    </tbody></table>

用户名
经理姓名
IMEI号码
电子邮件
GPS定位
行动
183
约翰
99999999999
编辑
9999
99999999999

如何创建此格式。就这样，会有几排人来。td数据存储在object中。例如，obj.name，…

使用jQuery

var table = $('<table></table>');
var tbody = $('<tbody></tbody>');
var tr = $('<tr>');
var theader1 =$('<th>User Name</th>');

$(theader1).appendTo(tr);
$(tr).appendTo(tbody);
$(tbody).appendTo(table);

etc...

var表=$（''）；
var tbody=$（''）；
var tr=$（''）；
var theader1=$（'User Name'）；
$（第1条）。附录（tr）；
$（tr）.附件（T正文）；
$（t正文）。附录（表）；
等
var tbl=document.createElement（'table'）；
//创建一个空元素并将其添加到以下元素的第一个位置：
变量行=tbl.insertRow（0）；
//在“新”元素的第一个位置插入新单元格（）：
变量单元格=行插入单元格（0）；
//在新单元格中添加一些粗体文本：
cell.innerHTML=“obj.name”；
这是javascript

var id = document.createElement("table");   

id.innerHTML+='<tr><td width="48"><input type="radio" style="width:3em; height:3em;" name="tableList" value='+table_name+' id="Table'+table_id+'"></td><td width="198" align="center">'+table_name+'</td><td width="168" align="center">'+table_status+'</td></tr>';

document.getElementById("table_display").appendChild(id);

var id=document.createElement（“表”）；
id.innerHTML+=''+表格名称+''+表格状态+''；
document.getElementById（“表显示”）.appendChild（id）；

这是HTML

<table align="center" height="200" width="420" id="table_display">
</table>



在id.innerHTML行（而不是table_id）中输入所需的数据，并在body part的表中输入标题

拆下输入型收音机。它曾在我的项目中使用。
创建如下基本元素：

var myTable = document.createElement('table');
var tbody = document.createElement('tbody');
myTable.appendChild(tbody);

var numberOfRows = 2;
var numberOfCellsInRow = 5;
for (var i = 0; i < numberOfRows; i++) {
    var tempRow = document.createElement('tr');
    for (var j = 0; j < numberOfCellsInRow; j++) {
        var tempCell = document.createElement('td');
        tempCell.textContent = 'myCell';
        tempRow.appendChild(tempCell);
    }
    tbody.appendChild(tempRow);
}

然后您可以进入循环并将单元格附加到tbody，如下所示：

var myTable = document.createElement('table');
var tbody = document.createElement('tbody');
myTable.appendChild(tbody);

var numberOfRows = 2;
var numberOfCellsInRow = 5;
for (var i = 0; i < numberOfRows; i++) {
    var tempRow = document.createElement('tr');
    for (var j = 0; j < numberOfCellsInRow; j++) {
        var tempCell = document.createElement('td');
        tempCell.textContent = 'myCell';
        tempRow.appendChild(tempCell);
    }
    tbody.appendChild(tempRow);
}

var numberOfRows=2；
var numberOfCellsInRow=5；
对于（变量i=0；i

工作
迭代并生成HTML作为字符串或创建DOM元素。简单地输入所需的输出代码对您没有帮助，请共享您尝试过的代码！如何用javascript而不是jquery创建表