jQuery表單插件ingrid.js

<a href="http://plugins.jquery.com/project/ingrid">http://plugins.jquery.com/project/ingrid</a>

&lt;script type="text/javascript" src="js/jquery-1.2.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" src="js/jquery.ingrid.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;

$(document).ready(

function() {

$("#table1").ingrid({ 

url: 'remote.php',

height: 350,

initialLoad: true,

rowClasses: ['grid-row-style1','grid-row-style1','grid-row-style2','grid-row-style1','grid-row-style1','grid-row-style3'] 

});

}

); 

&lt;/script&gt;

&lt;style media="all" type="text/css"&gt;@import "css/ingrid.css";&lt;/style&gt;

&lt;table id="table1"&gt;

&lt;thead&gt;

&lt;tr&gt;

&lt;th&gt;Date / Time&lt;/th&gt;

&lt;th&gt;Station&lt;/th&gt;

&lt;th&gt;Track&lt;/th&gt;

&lt;th&gt;Artist&lt;/th&gt;

&lt;/tr&gt;

&lt;/thead&gt;

&lt;tbody&gt;

&lt;tr&gt;&lt;td&gt;static col 1&lt;/td&gt;&lt;td&gt;static col 2&lt;/td&gt;&lt;td&gt;static col 3&lt;/td&gt;&lt;td&gt;static col 4&lt;/td&gt;&lt;/tr&gt;

&lt;/tbody&gt;

&lt;/table&gt;

背景頁面處理'remote.php'

<code>&lt;?php $rows = 25; $str = ''; while (list($k, $v) = each($_GET)) { $str .= $k . '=' . $v . ', '; } ?&gt; &lt;table&gt; &lt;tbody&gt; &lt;?php for ($i=0; $i&lt;$rows; $i++) { ?&gt; &lt;tr&gt; &lt;td&gt;&lt;?= $_GET['pg']; ?&gt;:&lt;?= $i; ?&gt;:1 [GETs: &lt;?= $str; ?&gt;]&lt;/td&gt; &lt;td&gt;&lt;?= $_GET['pg']; ?&gt;:&lt;?= $i; ?&gt;:2&lt;/td&gt; &lt;td&gt;&lt;?= $_GET['pg']; ?&gt;:&lt;?= $i; ?&gt;:3&lt;/td&gt; &lt;td&gt;&lt;?= $_GET['pg']; ?&gt;:&lt;?= $i; ?&gt;:4&lt;/td&gt; &lt;/tr&gt; &lt;?php } ?&gt; &lt;/tbody&gt; &lt;/table&gt;本文轉自linzheng 51CTO部落格，原文連結:http://blog.51cto.com/linzheng/1080879</code>