Javascript 从数据构建表状结构

有没有一种方法可以从网站上的数据集（javascript）动态构建一个类似表的结构

在伪代码中，类似于：

 function pseudo(dataset) {
    <table>
    <th>dataset.name, dataset.id</th>
    foreach dataset.schedular.array as a {
     <tr><td>a.start_time</td><td>a.end_time</td><td>a.client.name</td></tr>
    }
    </table>
 }

函数伪（数据集）{
dataset.name，dataset.id
foreach dataset.schedular.array作为{
a、 开始时间a.结束时间a.client.name
}
}

执行方式如下：

 <div>
 <script>pseudo(json[employee[0]]);</script>
 </div>

伪（json[employee[0]]）；

在php中，我使用smarty模板将数据“填充”到类似的掩码中，现在我需要类似的javascript。 jquery小部件或插件就是我想要的吗？我在哪里可以找到有用的教程或书籍

您的html页面：

<div id="dataToDisplay"></div>    

您的java脚本函数：

function pseudo(dataset) {
var tableContents = "<table>";
tableContents = tableContents+ "<th>"+dataset.name, dataset.id+"</th>";

foreach dataset.schedular.array as a {
 tableContents  =tableContents + "<tr><td>"+a.start_time+"</td><td>"+a.end_time+"</td><td>"+a.client.name+"</td></tr>";
}
tableContents = tableContents + "</table>";
document.getElementById("dataToDisplay").innerHTML = tableContents;
 }

函数伪（数据集）{
var tableContents=“”；
tableContents=tableContents+“”+dataset.name，dataset.id+“”；
foreach dataset.schedular.array作为{
tableContents=tableContents+“”+a.start\u time+“”+a.end\u time+“”+a.client.name+“”；
}
tableContents=tableContents+“”；
document.getElementById（“dataToDisplay”）.innerHTML=tableContents；
}

看看“jqGrid”

---

它是一个从中获取JSON和biulds表的插件。但是它使用jQuery。

我使用jQuery和以下构造

employees

是一个JS对象数组。HTML表是这样准备的：

<table id="clients">
<thead><tr><th>Start</th><th>End</th><th>Name</th></tr></thead>
<tbody></tbody>
</table>

其中

listItem（）

是一个返回表行的函数。当然，这可以做得更优雅：

function listItem(index, employee) {
    var item =  '<tr>';
    item += '<td>' + employee.start_time + '</td>';
    item += '<td>' + employee.end_time + '</td>';
    item += '<td>' + employee.name + '</td>';
    item += '</tr>';
    return item;
}

功能列表项（索引，员工）{
var项目=“”；
item+=''+employee.start\u time+''；
item+=''+employee.end\u time+''；
item+=''+employee.name+''；
项目+=''；
退货项目；
}

+1也让我很高兴，不管怎样，我很高兴能帮上忙。。干杯

function listItem(index, employee) {
    var item =  '<tr>';
    item += '<td>' + employee.start_time + '</td>';
    item += '<td>' + employee.end_time + '</td>';
    item += '<td>' + employee.name + '</td>';
    item += '</tr>';
    return item;
}