jQuery Tablesorter -列不按字母顺序排序

kfgdxczn  于 2023-06-05  发布在  jQuery
关注(0)|答案(2)|浏览(204)

我不知道出了什么问题。这是一个页面: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>

谢谢你的帮助!

zphenhs4

zphenhs41#

您需要将textExtraction定义为complex,因为元素中有链接。
参见:https://mottie.github.io/tablesorter/docs/#textextraction

lmyy7pcs

lmyy7pcs2#

问题是它是按链接中的URL而不是文本进行排序的。
您可能需要创建一个自定义排序条件(textExtraction属性)来解决这个问题。

相关问题