json 读取数据创建表格

json 读取数据创建表格

演示

 

XML/HTML Code

1. <div id="mssg"></div>  
2. <table id="dataTable" align="center">  
3. <thead>  
4. </thead>  
5. <tbody>  
6. </tbody>  
7. </table>  

 

JavaScript Code

1. <script type="text/javascript">  
2.     $("#dataTable").jsonTable({  
3.         head : ['#','Operating System','Market Share'],  
4.         json : ['id', 'name', 'share']  
5.     });  
6.   
7.     $("#dataTable").jsonTableUpdate({  
8.         source : "data.json",  
9.         rowClass : "rowClass",  
10.         callback : function(){  
11.             $("#mssg").html("Table updated at " + new Date());  
12.         }  
13.     });  
14. </script>  

 

原文地址: http://www.freejs.net/article_jquerywenzi_157.html