jQuery表排序组件-table orter使用示例

1.导入文件复制代码的代码如下： script type=' text/JavaScript ' src=' http : js/jquery . js '/script script type=' text/JavaScript ' src=' http 3360 js/jquery . table orter . js '/script！-引入了以下样式，标题中出现排序图标，同时引入图片-link href=' CSS/style.css' rel='样式表' type=' text/CSS '。效果如图：。

第二，标准的HTML表单，包括标签和正文标签。复制的代码如下：表id=' my table ' class=' table orter ' d tr th name/th th sex/th thad dress/th/tr/the d t body tr TD Zhang shan/TD boy/TD TD Beijing/TD/tr TD TD Lisi/TD TD TD girl/TD TD TD Shanghai/TD/tr tr.省略/tr/t body/表三。设置表格可排序的副本代码如下： $(文档)。ready(function(){ //第一列没有排序(索引从0开始)$。table orter . defaults . headers={ 0: { sorter : false } }；$('.tablesorter ')。table orter()；});官方文档：http://tablesorter.com/docs/补充：使用过程中遇到的一个问题，我的表数据是通过ajax获取的，第一页排序的时候没有问题。排序下一页时，上一页的数据会再次显示。为了解决这个问题，可以在通过ajax获取数据后触发' update '事件。代码如下：复制代码如下： $('。tablesorter ')。触发器(‘更新’)；以上问题已经让人头疼很久了。刚开始用的官网寻呼机插件，发现这个不适合。我还在网上搜索了数据，整理出以下代码：复制代码的代码如下： $('。table orter tbodytr’)。add class(' delete ')；$('.table orter t body tr . delete ')。移除()；$(“table t body”)。追加(html)；$('.tablesorter ')。触发器(' appendCache ')；$('.tablesorter ')。触发器(‘更新’)；$('.tablesorter ')。trigger('sorton '，[[[2，1]，[0，0]])；所以它们都被使用了，经过长时间的测试，只有$()。tablesorter ')。找到触发器('更新')。这句话可以解决问题。我不知道剩下的是什么。所需的文件下载地址：http://xiazai.jb51.net/201405/yuanma/jquery.tablesorter.zip风格。css和图片在主题\蓝色路径下。