首页>>Jquery文字>>jquery动态去读数据生成表格,可以点击表头排序,整个表格可以拖动(2013-12-21)

jquery动态去读数据生成表格,可以点击表头排序,整个表格可以拖动

表格可以拖动,可以排序,数组生成表格

jquery动态去读数据生成表格,可以点击表头排序,整个表格可以拖动

 

JavaScript Code
  1. <script>  
  2.     $(function () {  
  3.         var data = [[1, 'Exxon Mobil''339,938.0''36,130.0'],  
  4.             [2, 'Wal-Mart Stores''315,654.0''11,231.0'],  
  5.             [3, 'Royal Dutch Shell''306,731.0''25,311.0'],  
  6.             [4, 'BP''267,600.0''22,341.0'],  
  7.             [5, 'General Motors''192,604.0''-10,567.0'],  
  8.             [6, 'Chevron''189,481.0''14,099.0'],  
  9.             [7, 'DaimlerChrysler''186,106.3''3,536.3'],  
  10.             [8, 'Toyota Motor''185,805.0''12,119.6'],  
  11.             [9, 'Ford Motor''177,210.0''2,024.0'],  
  12.             [10, 'ConocoPhillips''166,683.0''13,529.0'],  
  13.             [11, 'General Electric''157,153.0''16,353.0'],  
  14.             [12, 'Total''152,360.7''15,250.0'],  
  15.             [13, 'ING Group''138,235.3''8,958.9'],  
  16.             [14, 'Citigroup''131,045.0''24,589.0'],  
  17.             [15, 'AXA''129,839.2''5,186.5'],  
  18.             [16, 'Allianz''121,406.0''5,442.4'],  
  19.             [17, 'Volkswagen''118,376.6''1,391.7'],  
  20.             [18, 'Fortis''112,351.4''4,896.3'],  
  21.             [19, 'Cr閐it Agricole''110,764.6''7,434.3'],  
  22.             [20, 'American Intl. Group''108,905.0''10,477.0']];  
  23.   
  24.   
  25.         var obj = { width: 700, height: 400, title: "ParamQuery Grid Example",resizable:true,draggable:true };  
  26.         obj.colModel = [{ title: "Rank", width: 100, dataType: "integer" },  
  27.         { title: "Company", width: 200, dataType: "string" },  
  28.         { title: "Revenues ($ millions)", width: 150, dataType: "float", align: "right" },  
  29.         { title: "Profits ($ millions)", width: 150, dataType: "float", align: "right"}];  
  30.         obj.dataModel = { data: data };  
  31.         $("#grid_array").pqGrid(obj);  
  32.   
  33.     });  
  34.           
  35. </script>      

 

XML/HTML Code
  1. <div id="grid_array"></div>  

 


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