我不知道出了什么问题。这是一个页面:http://www.utexas.edu/ssw/cswr/projects/project-list/
第一列排序,但它没有按正确的顺序(字母顺序)返回数据。
表本身是由一个自定义的PHP函数生成的,该函数从WordPress数据库中提取信息。我认为这可能是问题所在,但正如您所看到的,第四列(结束日期)正确排序。我还认为可能是第一列中的链接把事情搞砸了,但是添加来自this page的文本提取代码完全破坏了排序。
这是我目前用来调用Tablesorter的jQuery代码:
<script type="text/javascript" id="js">
jQuery(document).ready(function($) {
$(document).ready(function() {
// call the tablesorter plugin, the magic happens in the markup
$("#projectTable").tablesorter({
// pass the headers argument and assing a object
//debug: true,
//sortList: [[0,0]],
headers: {
0: {
// set the column to sort as text
sorter: 'text',
},
// assign the secound column (we start counting zero)
1: {
// disable it by setting the property sorter to false
sorter: false,
},
// assign the third column (we start counting zero)
2: {
// disable it by setting the property sorter to false
sorter: false
},
3: {
sorter:'digit'
}
}
});
// Works only with plugin modification
$("#projectTable").bind("sortStart",function(e) {
if( $(e.target).hasClass('header') ) {
$("#overlay").show();
}
}).bind("sortEnd",function(e) {
if( $(e.target).hasClass('header') ) {
$("#overlay").hide();
}
});
});
});
</script>
谢谢你的帮助!
2条答案
按热度按时间zphenhs41#
您需要将
textExtraction
定义为complex
,因为元素中有链接。参见:https://mottie.github.io/tablesorter/docs/#textextraction
lmyy7pcs2#
问题是它是按链接中的URL而不是文本进行排序的。
您可能需要创建一个自定义排序条件(
textExtraction
属性)来解决这个问题。