如何将JSON数据放入html / javascript网格表中 [英] How to put JSON data in html / javascript grid table

问题描述

我有以下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插件？ pb
$ b

我的基本方法是这：

http://jsfiddle.net/LKkSJ/

解决方案

看一看：

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

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

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

I have the following JSON-formatted data:

    [
{
    "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"
}]

How can I display this data nicely in a html data table?

Is there a plugin for jQuery that can help me?

My basic approach is this:

http://jsfiddle.net/LKkSJ/

解决方案

Have a look at:

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

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

These are solutions that are very good for these kinds of tables

这篇关于如何将JSON数据放入html / javascript网格表中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！