JSON to HTML Table
Show Demo
This JavaScript utility accepts JSON data with one level and converts it into an easy to read HTML table. You can also sort the table by clicking on the column header.
For this, all you need to do is either paste a JSON URL into the textbox, or paste a JSON data directly into the textbox or choose a JSON data file from your hard disk.
Developed by Noothan Krishnan
Sample JSON data for demo: (Copy this JSON data, paste it in the above textbox and Submit)
[
   {
      "make":"Ford",
      "model":"Fusion Energi",
      "year":"2019",
      "combined mpg":"42"
   },
    {
       "make":"Hyundai",
       "model":"Accent",
       "year":"2019",
       "combined mpg":"31"
    },
    {
       "make":"Audi",
       "model":"A3",
       "year":"2019",
       "combined mpg":"29"
    },
    {
       "make":"Volkswagen",
       "model":"Jetta",
       "year":"2019",
       "combined mpg":"34"
    },
    {
      "make":"Toyota",
      "model":"Camry Hybrid",
      "year":"2019",
      "combined mpg":"52"
   },
    {
       "make":"Buick",
       "model":"LaCrosse",
       "year":"2019",
       "combined mpg":"29"
    },
    {
       "make":"Chevrolet",
       "model":"Malibu",
       "year":"2019",
       "combined mpg":"32"
    },
    {
       "make":"Honda",
       "model":"Accord Hybrid",
       "year":"2019",
       "combined mpg":"48"
    },
    {
       "make":"Accura",
       "model":"ILX",
       "year":"2019",
       "combined mpg":"28"
    },
    {
       "make":"BMW",
       "model":"3 Series",
       "year":"2019",
       "combined mpg":"27"
    },
    {
       "make":"Mercedez",
       "model":"Benz C-Class",
       "year":"2019",
       "combined mpg":"27"
    },
    {
       "make":"Toyota",
       "model":"Avalon Hybrid",
       "year":"2019",
       "combined mpg":"43"
    },
    {
       "make":"Cadillac",
       "model":"ATS",
       "year":"2018",
       "combined mpg":"25"
    },
    {
       "make":"Volvo",
       "model":"S60",
       "year":"2019",
       "combined mpg":"28"
    },
    {
        "make":"Mitsubishi",
        "model":"Mirage G4",
        "year":"2019",
        "combined mpg":"35"
     }
 ]