Maison >interface Web >js tutoriel >jquery implémente la pagination et le tri des tables

jquery implémente la pagination et le tri des tables

php中世界最好的语言
php中世界最好的语言original
2018-04-26 15:54:311922parcourir

Cette fois, je vais vous présenter jquery pour implémenter la pagination et le tri des tables. Quelles sont les précautions pour que jquery implémente la pagination et le tri des tables. Ce qui suit est un cas pratique, jetons un coup d'œil.

Utilisez l'extension jQuery pour implémenter la pagination et le tri des tables. Lorsque vous utilisez cette extension, vous devez ajouter les balises d'en-tête ae20bdd317918ca68efdc799512a9b39 et 92cee25da80fac49f6fb6eec5fd2c22a n'est pas ajouté, l'en-tête du tableau sera également utilisé comme ligne dans le calcul de pagination.

<script language="
javascript
" type="text/javascript"> 
$("#myTable").tablePaging({ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" }); 
</script>

Si vous utilisez uniquement la fonction de pagination : $("#myTable").tablePaging();
Description du paramètre :

id: jQuery(this).attr(&#39;id&#39;), // 要分页的表格的ID 
pageSize: 10, // 单个页面显示记录数,默认是10条 
sorting: false,//是否要进行排序,默认不排序 
sort
Direction
: &#39;asc&#39;, //排序顺序,默认升序 
sortSelector: &#39;&#39;,//排序选择的列,这里需要给td设置一个class用来识别。可以从示例中看到演示 
sortType: &#39;&#39;, //排序支持的数字类型,‘number&#39;,‘string&#39;,‘date&#39; 
onPaged: null // 排完序之后绑定事件

Regardez l'effet de pagination :
jquery implémente la pagination et le tri des tables

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres informations connexes. articles sur le site php chinois !

Lecture recommandée :

jquery et js appellent directement les éléments dans la fenêtre parent-enfant iframe (avec code)

Comment jQuery calcule la largeur et la hauteur de la fenêtre iframe

table multifonctionnelle des opérations jquery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn