How to put JSON data in html / javascript grid table

Question

I have the following JSON-formatted data:

    [
{
    \"ID\": \"00:50:c2:63:10:1a\",
    \"start\": \"1349773838277760\",
    \"end\": \"1349773838277770\",
         


        

Answer 1

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

Answer 2

I would recommend dataTables, you can feed in a javascript array. Click here

Answer 3

If DataTables is too heavy for you (70 KB) you can use the various template libraries out there:

• Mustache,
• Handlebars,
• Distal

Just convert a table row into a template and then repeat that template inside an HTML table.

Answer 4

You can use jqGrid for jQuery.

Answer 5

DataTables can create a table from JSON.