Javascript Can'；t使用tablesorter函数对我的表进行排序

我知道这个问题已经讨论过了，但是，即使经过一些搜索，我也找不到解决问题的方法

我尝试使用jQuery的tablesorter插件，但它在我的表上不起作用。 不过，我可以对我在网站上找到的表进行排序，这样就可以正确加载tablesorter，而且css也没有问题。 以下是我表格的代码：

<table  id="tabletest" class="tablesorter">
</table>

function refresh(){
                var terms=" name,elevation,gnvid,type,status,display ";
                var database='hotvolc_volcanoes';
                var condition='';
                $.ajax({ //La requête ajax pour récupérer les données sous forme d'un tableau de Json
                            url: 'includes/query_ajax.php', //adresse du script php qui interroge la BDD
                            data: { terms : terms, database : database, condition : condition }, //la requete qu'on lui fait passer en paramètres
                            method: 'post',
                            success: function (data) { //La fonction callback qui sera exécutée une fois que la requête ajax sera terminée
                                //Cette fonction contient la création de la carte et l'affichage des icones tirés de la BDD
                                delRows('tabletest');
                                var iconFeatures=[];
                                //console.log(data);
                                var line;
                                var titles=terms.split(",");
                                var result=$.parseJSON(data);   
                                var n= result[0].length;
                                var m= result.length;
                                var number=get_number();
                                if (m>number){m=number}
                                var tableau = document.getElementById("tabletest");
                                var header = tableau.createTHead();
                                //var triline = header.insertRow(0);
                                var hline = header.insertRow(-1);    
                                for (var i=0; i<n; i++)//Cette boucle permet de récupérer chaque métadonnée issue de la BDD
                                {
                                    var hcolonne =hline.insertCell(i);//on a une ajouté une cellule
                                    //var tricolonne =triline.insertCell(i);//on a une ajouté une cellule
                                    //tricolonne.innerHTML += "<div id='tri' style='border:1px solid black;text-align : center' onclick='tri("+i+")' >Haut</div>" + "<br>" ;//on y met le contenu de titre  
                                    hcolonne.innerHTML += titles[i] ;//on y met le contenu de titre 
                                }
                                var body = tableau.createTBody();
                                for (var j=0; j<m; j++)//Cette boucle permet de récupérer chaque métadonnée issue de la BDD
                                {
                                    var line=(result[j]);
                                    var ligne = body.insertRow(-1);//on a ajouté une ligne
                                    for (var i=0; i<n; i++)//Cette boucle permet de récupérer chaque métadonnée issue de la BDD
                                    {
                                        var colonne = ligne.insertCell(i);//on a une ajouté une cellule
                                        colonne.innerHTML += line[i] ;//on y met le contenu de titre    
                                    }   
                                }
                                console.log(document.getElementById('tabletest').rows[0].cells[0].innerHTML);
                                $("#tabletest").tablesorter( {sortList: [[0,0]]} );
                    }})
                }

---

一旦您的tablesorter设置如下：

$("#tabletest").tablesorter( {sortList: [[0,0]]} );

$("#tabletest").trigger("update");

在填充之前，应清空表，然后根据具体情况追加and

$("#tabletest").empty();
$("#tabletest").append('<thead>blah blah ...');

---

我有一个类似的问题-您应该看看TableSorter的文档和示例

一旦您的tablesorter设置如下：

$("#tabletest").tablesorter( {sortList: [[0,0]]} );

$("#tabletest").trigger("update");

在填充之前，应清空表，然后根据具体情况追加and

$("#tabletest").empty();
$("#tabletest").append('<thead>blah blah ...');

---

我有一个类似的问题-您应该看看TableSorter的文档和示例

好的，我终于解决了我的问题

莫蒂是对的，我的表头不正确，事实上我用insertCells来填充它，但insertCells创建了“td”标记而不是“th”标记，所以tablesorter无法工作

我使用了gaurav在这篇文章中给出的解决方案：

现在它工作了

---

所以谢谢大家对我的帮助

好的，我终于解决了我的问题

莫蒂是对的，我的表头不正确，事实上我用insertCells来填充它，但insertCells创建了“td”标记而不是“th”标记，所以tablesorter无法工作

我使用了gaurav在这篇文章中给出的解决方案：

现在它工作了

---

所以谢谢大家对我的帮助

看起来生成的HTML应该可以工作。。。将tablesroter的

debug

选项设置为

true

，然后查看控制台显示的内容（

$（“#tabletest”）。tablesorter（{debug:true，sortList:[[0,0]]}）；

。我将其添加到我的帖子中！HTML的格式似乎不正确，屏幕截图第二行的

长度：0

显示

标题列表是空的，这意味着没有找到标题单元格。。。。请修改以复制错误…看起来生成的HTML应该可以工作。。。将tablesroter的
debug
选项设置为
true
，然后查看控制台显示的内容（
$（“#tabletest”）。tablesorter（{debug:true，sortList:[[0,0]]}）；
。我将其添加到我的帖子中！HTML的格式似乎不正确，屏幕截图第二行的
长度：0
显示
标题列表是空的，这意味着没有找到标题单元格。。。。请修改以复制错误…代码
$（“#tabletest”）.tablesorter（）只应调用一次。每当
tbody
内容更改时，使用
$（“#tabletest”）.trigger（“update”）
更新缓存。更新以反映您的建议。代码
$（“#tabletest”）.tablesorter（）只应调用一次。每当
tbody
内容更改时，使用
$（“#tabletest”）.trigger（“update”）更新缓存。更新以反映您的建议。原始表排序器中未记录该建议。如果查看
选择器标题
，您将看到默认情况下它被设置为
“thead th”
。将设置更改为
“thead th，thead td”
，则无需更改HTML。原始表排序器中未记录此设置。如果查看
选择器标题
，您将看到默认情况下它被设置为
“thead th”
。将设置更改为
“thead th，thead td”
，则无需更改HTML。