jQuery用于表格排序的插件

这是一个用于表格排序的jQuery插件

其官网是：http://tablesorter.com/docs/

基本用法如下：

直接引入：

 

 

建一个表格：

 

 

初始化：

 

 

基本的介绍到这里

---

我自己的应用，其他参数建议大家去官网看看，按需选取。

 

 

其中 headers:{

0:{sorter:false},1:{sorter:false}

}             

用于取消第一二列的排序功能

---

遇到的bug：

在原本有五行的情况下，使用vue重新获取数据，如果请求得来的数据仍然是五行还好，如果是一两行，这个table会显现出上一个表格的内容（多出不属于这个表格的几行数据）

并且一直存在那里，也不能参与排序

上网查了下资料，说是tablesorter在排序时会生成一个cache，如上的情况便是有五个数据长度的cache，我们重新请求数据只会简单的替换掉这个cache中的n个数据，剩余的都是上一个表格的数据，这样就造成刚刚看到的bug

解决方法：

在每次请求完数据之后，重新更新整个排序cache，如下：

//更新tableSorter 的排序列表

$("#top5Shop-2 table").trigger("update");

$("#last5Shop-2 table").trigger("update");