jquery implementiert das Paging und Sortieren von Tabellen

Dieses Mal werde ich Ihnen jquery zum Implementieren von Tabellenpaginierung und -sortierung vorstellen. Was sind die Vorsichtsmaßnahmen für jquery, um Tabellenpaging und -sortierung zu implementieren?

Verwenden Sie die jQuery-Erweiterung, um das Paginieren und Sortieren von Tabellen zu implementieren. Wenn Sie diese Erweiterung verwenden, müssen Sie die Header-Tags hinzufügen nicht hinzugefügt wird, wird der Tabellenkopf auch als Zeile in der Paging-Berechnung verwendet.

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

Wenn Sie nur die Paging-Funktion verwenden: $("#myTable").tablePaging();
Parameterbeschreibung:

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

Schauen Sie beim Paging-Effekt:

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf PHP Chinesische Website!

Empfohlene Lektüre:

jquery und js rufen direkt die Elemente im Iframe-Eltern-Kind-Fenster auf (mit Code)

Wie jQuery die Breite und Höhe des Iframe-Fensters berechnet

JQuery-Operations-Multifunktionstabelle

Das obige ist der detaillierte Inhalt vonjquery implementiert das Paging und Sortieren von Tabellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!