CODEWITHSUNDEEP
javascriptjqueryjsonhandlebars.js
user3340300
user3340300

Reputation: 67

How to create table using json data

My json part:

var Json = {
 "Sample" : {
   "Sample Demo": {
     "1": {"JAN": {"ID": "1","Name": "Jim"}},
     "2": {"FEB": {"ID": "2","Name": "Jack" } }
    }},
 "Idname" : "2",
  "Date" : "01/28/2014",
  "State" : "1"
 }

I want to create table from above json. My table headers will be JAN,FEB and data will be ID and Name.

Upvotes: 1

Views: 7101

Answers (2)

shenku
shenku

Reputation: 12448

Have a look at this answer.

The author outlines the following solution:

Define a template in your HTML:

<script type="text/template" id="cardTemplate">
<div>
    <a href="{0}">{1}</a>
</div>
</script>

Use string.format to substitute variables:

var cardTemplate = $("#cardTemplate").html();
var template = cardTemplate.format("http://example.com", "Link Title");
$("#container").append(template); 

String.prototype.format = function() {
  var args = arguments;
  return this.replace(/{(\d+)}/g, function(match, number) { 
    return typeof args[number] != 'undefined'
      ? args[number]
      : match
    ;
  });
};

Upvotes: 0

Omer
Omer

Reputation: 704

Using jQuery:

var content = "<table>";
jQuery.each(Json.Sample["Sample Demo"], function(i, val) {
  jQuery.each(val, function(j, v) { content += "<tr><td>"+v.ID+","+v.Name +"</tr></td>";});
});
content += "</table>"

Upvotes: 1

Related Questions