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

时间:2012-10-22 13:22:29

标签: javascript jquery html json

我有以下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/

5 个答案:

答案 0 :(得分:4)

我会推荐dataTables,你可以在一个javascript数组中提供。 Click here

答案 1 :(得分:4)

DataTables可以从JSON创建一个表。

答案 2 :(得分:4)

答案 3 :(得分:3)

您可以将jqGrid用于jQuery。

答案 4 :(得分:3)

如果DataTables太重(70 KB),您可以使用各种模板库:

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