表排序与jquery.sortelements

表排序的功能将在项目中实现。

互联网上有很多解决方案,其中很多都是基于jQuery的。

Jquery.tablesorter,17kb大小,但在IE10他的主页的兼容性是个问题。
数据表,大小75kb,功能强大,具有分页、搜索等功能。
和插件叫做sortelements,非常小,只有3KB,且兼容性好,有818颗星星在GitHub上。

最后,我选择了用sortelements,很简单:

1。介绍jQuery
复制代码代码如下所示:


2。介绍sortelements.js
复制代码代码如下所示:


三.JS代码
复制代码代码如下所示:
$(文档)Ready(函数(){)
无功表=美元(# mytable); / /表的ID
$(# sort_header ') / /排序headerid
每个函数(){()
var = $(this),
thindex = th.index(),
反=假;

Th.click(function(){()
Table.find('td)。滤波器(函数()){
返回(这)指数(thindex);
})。SortElements(功能(A,B){ }
返回$文本({ })
反1:1
反1:- 1;
}函数(){()
返回this.parentnode;
});
逆=!逆;

});
});
});

4。HTML代码
复制代码代码如下所示:


设备名称
电话#
西蒂
专业


CCC
00001111
阿姆斯特丹
GGG