如何将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数据表中很好地显示这些数据？

我的基本方法是这样的：

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 数组。 点击这里

Answer 3

DataTables 可以从 JSON 创建表。

Answer 4

您可以使用 jqGrid 进行 jQuery。

Answer 5

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

• 小胡子，
• 车把，
• 远端

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