1. Dateien importieren Code kopieren Der Code lautet wie folgt: " rel="stylesheet" type="text/css" > <br><br><br></p>Der Effekt ist wie in der Abbildung dargestellt: <p><br> <br>2 . Standard-HTML-Tabellen müssen das Tag „head“ und „tbody“ enthalten<img src="http://files.jb51.net/file_images/article/201405/20140526094752.jpeg?201442694826" alt="Verwendung von jQuery-Tabellensortierungskomponenten-Tablesorter example_jquery" ><br><br></p> <p class="codetitle">Kopieren Sie den Code<a style="CURSOR: pointer" class="copybut"><span style="text-decoration:underline;"> Der Code lautet wie folgt:</span></a></p>< ;table id="myTable" class="tablesorter > <p class="codebody"><thead> <br><tr> <br><th>Name</th> <br><th>Sex</th> ; <br><th><br></thead> zhangsan</td> td> <br><td>shanghai</td> tbody> <br></table> <br><br><br><br>3 🎜> Der Code lautet wie folgt: <br><br><br>$(document).ready(function(){ <br>//Die erste Spalte ist nicht sortiert (Index beginnt bei 0) <br> $. tablesorter.defaults.headers = {0: {sorter: false}}; <br>$(".tablesorter").tablesorter(); <br><br><br><br>Official Dokument: http://tablesorter.com/docs/ <br><br>Zusätzliche Erklärung: <br><br>Bei der Verwendung ist ein Problem aufgetreten. Meine Tabellendaten werden über Ajax abgerufen und auf der Homepage verarbeitet ist beim Sortieren kein Problem </p> <p>Beim Sortieren der nächsten Seite werden die Daten auf der vorherigen Seite erneut angezeigt. Um dieses Problem zu lösen, können Sie <br><br> „Aktualisieren“ auslösen, nachdem Sie die erhalten haben Daten mit Ajax „Ereignis, der Code lautet wie folgt: </p> <p class="codetitle"><a style="CURSOR: pointer" class="copybut"><span style="text-decoration:underline;"></span>Code kopieren </a></p> Der Code lautet wie folgt: <p class="codebody"><br><br> $(".tablesorter").trigger ("update"); <br><br><br><br>Ich habe gerade angefangen, das Pager-Plugin auf der offiziellen Website zu verwenden und stellte fest, dass dies nicht geeignet ist. </p> <p>Ich habe die Informationen online überprüft und den folgenden Code zusammengestellt: <br><br><br><br><br>Kopieren Sie den Code<br><br> Der Code lautet wie folgt:<br> <br><br>$ ("".tablesorter tbody tr").addClass("delete"); </p>$(".tablesorter tbody tr.delete").remove(); <p class="codetitle">$("table tbody ").append(html) ; <a style="CURSOR: pointer" class="copybut">$(".tablesorter").trigger("appendCache"); <span style="text-decoration:underline;">$(".tablesorter").trigger("update"); </span>$(" .tablesorter").trigger( "sorton",[[[2,1],[0,0]]]); </a></p> <p class="codebody"><br>Also habe ich sie alle verwendet. Nach langem Testen, Ich habe festgestellt, dass nur $(".tablesorter" .trigger("update"); Dieser Satz das Problem lösen kann<br></p>Ich weiß nicht, was das andere Zeug ist. <p><br>Erforderliche Datei-Download-Adresse: <br>http://xiazai.jb51.net/201405/yuanma/jquery.tablesorter.zip<br> <br></p>style.css und Bilder in themesblue unten der Weg. <p class="codetitle"></p>