jquery implémente la pagination et le tri des tables

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

Regardez l'effet de pagination :

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!