jQuery Plugin For Converting JSON Data To A Table - jsonTable

jsonTable is a lightweight jQuery plugin that allows you to convert JSON array into an html table.

See also:

• jQuery Plugin For Converting Table Into JSON Data - Table to JSON

Basic Usage:

1. Include jQuery library and jQuery jsonTable plugin in the head section

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jsonTable.js"></script>

2. Create a standard html table where you want to convert JSON data to

<table id="dataTable">
<thead>
</thead>
<tbody>
</tbody>
</table>

3. The javascript

<script type="text/javascript">
$("#dataTable").jsonTable({
head : ['#','Operating System','Market Share'],
json : ['id', 'name', 'share']
});

$("#dataTable").jsonTableUpdate({
source : "data.json",
rowClass : "rowClass",
callback : function(){
});
</script>

 

---

This awesome jQuery plugin is developed by omkarkhair. For more Advanced Usages, please check the demo page or visit the official website.