2012-10-22 45 views
6

我有以下的JSON格式的數據:如何把JSON數據的HTML/JavaScript網格表

[ 
{ 
    "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/

+0

我加入這個琴非常好:HTTP://的jsfiddle。淨/ LKkSJ / – mcknight

回答

4

我會推薦數據表,你可以在一個JavaScript數組飼料。 Click here

3

對於jQuery,您可以使用jqGrid

3

如果數據表是太重了,你(70 KB),可以使用不同的模板庫,在那裏:

只是轉換將表格行放入模板中,然後在HTML表格內重複該模板。