好了,我要去给你两个答案,但我个人比较喜欢第一个。
第一个解决方案:
大量的插件都可用做这样的工作。我个人最喜欢的是:jTable
“ JTable的是使用没有编码的HTML或JavaScript来创建基于AJAX CRUD桌的jQuery插件”
第二个解决方案:
比方说,我们有一个表的结构是这样的:
<table cellspacing="1" class="tablesorter">
<thead>>
<tr>
<th>first name</th>
<th>last name</th>
<th>age</th>
<th>total</th>
<th>discount</th>
<th>date</th>
</tr>
</thead>
<tbody>
<tr>
<td>peter</td>
<td>parker</td>
<td>28</td>
<td>$9.99</td>
<td>20%</td>
<td>jul 6, 2006 8:14 am</td>
</tr>
<tr>
<td>john</td>
<td>hood</td>
<td>33</td>
<td>$19.99</td>
<td>25%</td>
<td>dec 10, 2002 5:14 am</td>
</tr>
<tr>
<td>clark</td>
<td>kent</td>
<td>18</td>
<td>$15.89</td>
<td>44%</td>
<td>jan 12, 2003 11:14 am</td>
</tr>
<tr>
<td>bruce</td>
<td>almighty</td>
<td>45</td>
<td>$153.19</td>
<td>44%</td>
<td>jan 18, 2001 9:12 am</td>
</tr>
<tr>
<td>bruce</td>
<td>evans</td>
<td>22</td>
<td>$13.19</td>
<td>11%</td>
<td>jan 18, 2007 9:12 am</td>
</tr>
</tbody>
</table><a href="#" id="ajax-append">append new table data</a><br><br>
现在我们可以做到这一点,以获得数据,因为我们希望它:
$(document).ready(function() {
$("table").tablesorter();
$("#ajax-append").click(function() {
$.get("assets/ajax-content.html", function(html) {
// append the "ajax'd" data to the table body
$("table tbody").append(html);
// let the plugin know that we made a update
$("table").trigger("update");
// set sorting column and direction, this will sort on the first and third column
var sorting = [[2,1],[0,0]];
// sort on the first column
$("table").trigger("sorton",[sorting]);
});
return false;
});
});
这是一个表格分类应用程序,我已经应用了几次,但仍然是jTable插件是最好的解决方案做这样的工作。
更多的上下文和一些代码可能会帮助你得到一个合适的解决方案 – KyorCode
请向我们展示你的代码..到目前为止你做了什么...否则我很确定..你会得票。 。最有可能的问题将被关闭...... :) – bipen