jQuery的tabletogrid示例

我有一个HTML表格,我想使用jQuery的JQGrid插件将表格更改为网格。

我该怎么做?

这是我的HTML:

     $(document).ready(function(){ tableToGrid("#distTable"); });    
Name Platform Size
102803 102803d22222222222222222222222222222222222222gs 21587231
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
102803 102803dgs 215872321
10280311111111111111111111111 102803dgs 215872321

我将在何处以及如何添加jQuery脚本?

试试这样的事……
在HTML ……….

 

并在你的代码中应该……

 jQuery(document).ready(function(){ ("#distTable").tableToGrid(); });