ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryでtablesorterテーブル並べ替えコンポーネントを使用する方法は?

jqueryでtablesorterテーブル並べ替えコンポーネントを使用する方法は?

伊谢尔伦
伊谢尔伦オリジナル
2017-07-22 09:33:081443ブラウズ

1 テーブルデータはajax経由で取得しています。 次のページをソートすると、前のページのデータが再表示されます。 ajax

「更新」イベントをトリガーするためのコードは次のとおりです:

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.js"></script> 
<!-- 引入以下样式则表头出现排序图标,同时引入图片 --> 
<link href="css/style.css" rel="stylesheet" type="text/css" >

上記の問題は私を長い間悩ませてきましたが、公式 Web サイトで Pager プラグインを使い始めたところ、これが問題ではないことがわかりました。適切な。

オンラインで情報を確認し、次のコードを整理しました。

<table id="myTable" class="tablesorter"> 
<thead> 
<tr> 
<th>Name</th> 
<th>Sex</th> 
<th>Address</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td>zhangsan</td> 
<td>boy</td> 
<td>beijing</td> 
</tr> 
<tr> 
<td>lisi</td> 
<td>girl</td> 
<td>shanghai</td> 
</tr> 
<tr> 
...略 
</tr> 
</tbody> 
</table>

そこで、長いテストの結果、問題を解決できるのは $(".tablesorter").trigger("update"); であることがわかりました。


以上がjqueryでtablesorterテーブル並べ替えコンポーネントを使用する方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。