tablesorter.js表格排序使用方法（支持中文排序)

最近，因为项目需要，对表格排序做了一下摸索，整理如下：

1.首先，可从官网下载tablesorter.js，但并不支持中文的排序，对其源码进行修改：

部分源码：

函数sortText(a，b) { return ((a，b)？-1 :((a)b)？1 : 0));};函数sortTextDesc(a，b){ return((b)a)？-1 :((b)a)？1 : 0));};修改后：

函数sortText(a，b){返回一个. locale compare(b)；};函数sortexdesc(a，b){ return b . locale compare(a)；};修改完之后的射流研究…可支持中文的排序。

2.建立一个表格，格式如下：

titlejquery.tablesorter/title脚本语言=' JAVAScript ' type=' text/JAVAScript ' src=' http : jquery-1。3 .2 .量滴js /脚本脚本脚本类型=' text/JavaScript ' src=' http :/manage/plugin/table orter/table orter。js /脚本链接rel='样式表href='/manage/plugin/table orter table orter()；/script/header dytable id=' my table ' border=' 1 ' class=' table orter ' th class=' header ' first Name/th class=' header ' last Name/th class=' header ' age/th class=' header ' total/th class=' header '折扣/th class=' header ' date/th class=' header ' state/th/tr/the d tr tdPeter/TD tdParker/TD TD td28/TD TD TD $ 9.99/TD td20 %/TD TDT已审核/TD/tr TdJohn/TD TdHood/TD Td33/TD TdTD 19.99美元/TD Td25 %/TD TdDeC 10，2002 5:14 AM/td已审核/TD/tr TdClark/TD TdKent/TD Td18/TD TD 15.89美元/TD Td44 %/TD TdJan 12，2003 11:14 AM/td已作废/TD/tr TdBruce/TD TdAmeter/TD Td45/TD TD TD $ 153.19/TD Td44 %/TD TdJan 18，2001 9:12 AM/td待审核/TD/tr TdBruce/TD TdEvans/TD Td22/TD TD TD $ 13.19/TD Td11 %/TD TdJan 18，2007 9:12 AM/td已生效/td /tr/table/body/html页面显示如图所示：

点击表头，就能够排序。

注：

1).若是第五列、第六列不需要排序，代码如下：

$('#mytable ').table orter({ header RS : { 4: { sorter : false }，5: { sorter : false } })；（顺便需要去掉对应列的样式)

2).若是第五列需要自定义排序方式，第六列不排序，代码如下：

$ .桌子奥尔特。AddParser({ id : ' grade '，//指定一个唯一的身份为：的函数{返回false}，format:函数{ return s.toLowerCase().替换(/已作废/,1).替换(/待审核/,2).替换(/已审核/,3).替换(/已生效/,4);//将中文换成数字},键入： '数字'//按数值排序});$('#mytable ').table orter({ header RS : { 4: { sorter : ' grade ' }，5: { sorter : false } })；需要更多例子，可以到官网研究。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。