如何将 JSON 数据放入 html / javascript 网格表中

Question

我有以下 JSON 格式的数据：

    [
{
    "ID": "00:50:c2:63:10:1a",
    "start": "1349773838277760",
    "end": "1349773838277770",
    "startArea": "areaStart",
    "endArea": "areaEnd",
    "duration": "10"
},
{
    "ID": "00:50:c2:63:10:1a",
    "start": "1349773838277760",
    "end": "1349773838277780",
    "startArea": "areaStart",
    "endArea": "areaEnd",
    "duration": "20"
},
{
    "ID": "00:50:c2:63:10:1a",
    "start": "1349773838277760",
    "end": "1349773838277780",
    "startArea": "areaStart",
    "endArea": "areaEnd",
    "duration": "20"
}]

如何在 html 数据表中很好地显示这些数据？

有没有 jQuery 插件可以帮助我？

我的基本做法是这样的：

http://jsfiddle.net/LKkSJ/

Answer 1

看看：

http://www.1stwebdesigner.com/css/top-jquery-chart-libraries-interactive-charts/

http://codecanyon.net/item/graphup-jquery-plugin/108025?ref=1stwebdesigner

这些解决方案非常适合这类表格

Answer 2

我会推荐 dataTables，你可以输入一个 javascript 数组。 Click here

Answer 3

DataTables 可以从 JSON 创建表。

Answer 4

您可以将jqGrid 用于 jQuery。

Answer 5

如果 DataTables 对您来说太重（70 KB），您可以使用各种模板库：

• Mustache,
• Handlebars,
• Distal

只需将表格行转换为模板，然后在 HTML 表格中重复该模板。