<!DOCTYPE html>
<html>
<head>
	<title>jQuery : jsonTable</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="jsonTable.js"></script>
	<style type="text/css">
	.rowClass td
	{
		border: 1px solid #c1c1c1;
	}
	</style>
</head>
<body>
<div id="mssg"></div>
<table id="dataTable">
	<thead>
	</thead>
	<tbody>
	</tbody>
</table>
<script type="text/javascript">
	$("#dataTable").jsonTable({
		head : ['#','Operating System','Market Share'],
		json : ['id', 'name', 'share']
	});

	$("#dataTable").jsonTableUpdate({
		source : "data.json",
		rowClass : "rowClass",
		callback : function(){
			$("#mssg").html("Table updated at " + new Date());
		}
	});
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
	<title>jQuery : jsonTable</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="jsonTable.js"></script>
	<style type="text/css">
	.rowClass td
	{
		border: 1px solid #c1c1c1;
	}
	</style>
</head>
<body>
<div id="mssg"></div>
<table id="dataTable">
	<thead>
	</thead>
	<tbody>
	</tbody>
</table>
<script type="text/javascript">
    var json_source = [
        {"id" : 1, "name" : "iOS", "share" : 57.56},
        {"id" : 2, "name" : "Android", "share" : 24.66},
        {"id" : 3, "name" : "Java ME", "share" : 10.72},
        {"id" : 4, "name" : "Symbian", "share" : 2.49},
        {"id" : 5, "name" : "Blackberry", "share" : 2.26},
        {"id" : 6, "name" : "Windows Phone", "share" : 1.33}
    ];
    
	$("#dataTable").jsonTable({
		head : ['#','Operating System','Market Share'],
		json : ['id', 'name', 'share']
	});
    
	$("#dataTable").jsonTableUpdate({
		source : json_source,
		rowClass : "rowClass",
		callback : function(){
			$("#mssg").html("Table updated at " + new Date());
		}
	});
</script>
</body>
</html>

Load the table with an object
Load the table with an object
