Wie zu vermeiden Paginierung zurückgesetzt beim Sortieren von Daten

Ich habe eine einfache jquery-datatable, die grundlegende sorting und pagination Funktionalität ermöglicht. Betrachten wir unter data-tablesWie zu vermeiden Paginierung zurückgesetzt beim Sortieren von Daten

$(document).ready(function() { 
 
    $('#example').dataTable({ 
 
    "sPaginationType": "full_numbers" 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script> 
 

 
<link href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css" rel="stylesheet" /> 
 

 
<table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example"> 
 
    <thead> 
 
    <tr> 
 
     <th>Rendering engine</th> 
 
     <th>Browser</th> 
 
     <th>Platform(s)</th> 
 
     <th>Engine version</th> 
 
     <th>CSS grade</th> 
 
    </tr> 
 
    </thead> 
 
    <tbody> 
 
    <tr> 
 
     <td>Trident</td> 
 
     <td>Internet Explorer 4.0</td> 
 
     <td>Win 95+</td> 
 
     <td> 4</td> 
 
     <td>X</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Trident</td> 
 
     <td>Internet Explorer 5.0</td> 
 
     <td>Win 95+</td> 
 
     <td>5</td> 
 
     <td>C</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Trident</td> 
 
     <td>Internet Explorer 5.5</td> 
 
     <td>Win 95+</td> 
 
     <td>5.5</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Trident</td> 
 
     <td>Internet Explorer 6</td> 
 
     <td>Win 98+</td> 
 
     <td>6</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Trident</td> 
 
     <td>Internet Explorer 7</td> 
 
     <td>Win XP SP2+</td> 
 
     <td>7</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Trident</td> 
 
     <td>AOL browser (AOL desktop)</td> 
 
     <td>Win XP</td> 
 
     <td>6</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Firefox 1.0</td> 
 
     <td>Win 98+/OSX.2+</td> 
 
     <td>1.7</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Firefox 1.5</td> 
 
     <td>Win 98+/OSX.2+</td> 
 
     <td>1.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Firefox 2.0</td> 
 
     <td>Win 98+/OSX.2+</td> 
 
     <td>1.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Firefox 3.0</td> 
 
     <td>Win 2k+/OSX.3+</td> 
 
     <td>1.9</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Camino 1.0</td> 
 
     <td>OSX.2+</td> 
 
     <td>1.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Camino 1.5</td> 
 
     <td>OSX.3+</td> 
 
     <td>1.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Netscape 7.2</td> 
 
     <td>Win 95+/Mac OS 8.6-9.2</td> 
 
     <td>1.7</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Netscape Browser 8</td> 
 
     <td>Win 98SE+</td> 
 
     <td>1.7</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Netscape Navigator 9</td> 
 
     <td>Win 98+/OSX.2+</td> 
 
     <td>1.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.0</td> 
 
     <td>Win 95+/OSX.1+</td> 
 
     <td>1</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.1</td> 
 
     <td>Win 95+/OSX.1+</td> 
 
     <td>1.1</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.2</td> 
 
     <td>Win 95+/OSX.1+</td> 
 
     <td>1.2</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.3</td> 
 
     <td>Win 95+/OSX.1+</td> 
 
     <td>1.3</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.4</td> 
 
     <td>Win 95+/OSX.1+</td> 
 
     <td>1.4</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.5</td> 
 
     <td>Win 95+/OSX.1+</td> 
 
     <td>1.5</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.6</td> 
 
     <td>Win 95+/OSX.1+</td> 
 
     <td>1.6</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.7</td> 
 
     <td>Win 98+/OSX.1+</td> 
 
     <td>1.7</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Mozilla 1.8</td> 
 
     <td>Win 98+/OSX.1+</td> 
 
     <td>1.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Seamonkey 1.1</td> 
 
     <td>Win 98+/OSX.2+</td> 
 
     <td>1.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Gecko</td> 
 
     <td>Epiphany 2.20</td> 
 
     <td>Gnome</td> 
 
     <td>1.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Webkit</td> 
 
     <td>Safari 1.2</td> 
 
     <td>OSX.3</td> 
 
     <td>125.5</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Webkit</td> 
 
     <td>Safari 1.3</td> 
 
     <td>OSX.3</td> 
 
     <td>312.8</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Webkit</td> 
 
     <td>Safari 2.0</td> 
 
     <td>OSX.4+</td> 
 
     <td>419.3</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Webkit</td> 
 
     <td>Safari 3.0</td> 
 
     <td>OSX.4+</td> 
 
     <td>522.1</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Webkit</td> 
 
     <td>OmniWeb 5.5</td> 
 
     <td>OSX.4+</td> 
 
     <td>420</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Webkit</td> 
 
     <td>iPod Touch/iPhone</td> 
 
     <td>iPod</td> 
 
     <td>420.1</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Webkit</td> 
 
     <td>S60</td> 
 
     <td>S60</td> 
 
     <td>413</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Opera 7.0</td> 
 
     <td>Win 95+/OSX.1+</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Opera 7.5</td> 
 
     <td>Win 95+/OSX.2+</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Opera 8.0</td> 
 
     <td>Win 95+/OSX.2+</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Opera 8.5</td> 
 
     <td>Win 95+/OSX.2+</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Opera 9.0</td> 
 
     <td>Win 95+/OSX.3+</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Opera 9.2</td> 
 
     <td>Win 88+/OSX.3+</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Opera 9.5</td> 
 
     <td>Win 88+/OSX.3+</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Opera for Wii</td> 
 
     <td>Wii</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Nokia N800</td> 
 
     <td>N800</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Presto</td> 
 
     <td>Nintendo DS browser</td> 
 
     <td>Nintendo DS</td> 
 
     <td>8.5</td> 
 
     <td>C/A<sup>1</sup></td> 
 
    </tr> 
 
    <tr> 
 
     <td>KHTML</td> 
 
     <td>Konqureror 3.1</td> 
 
     <td>KDE 3.1</td> 
 
     <td>3.1</td> 
 
     <td>C</td> 
 
    </tr> 
 
    <tr> 
 
     <td>KHTML</td> 
 
     <td>Konqureror 3.3</td> 
 
     <td>KDE 3.3</td> 
 
     <td>3.3</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>KHTML</td> 
 
     <td>Konqureror 3.5</td> 
 
     <td>KDE 3.5</td> 
 
     <td>3.5</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Tasman</td> 
 
     <td>Internet Explorer 4.5</td> 
 
     <td>Mac OS 8-9</td> 
 
     <td>-</td> 
 
     <td>X</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Tasman</td> 
 
     <td>Internet Explorer 5.1</td> 
 
     <td>Mac OS 7.6-9</td> 
 
     <td>1</td> 
 
     <td>C</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Tasman</td> 
 
     <td>Internet Explorer 5.2</td> 
 
     <td>Mac OS 8-X</td> 
 
     <td>1</td> 
 
     <td>C</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Misc</td> 
 
     <td>NetFront 3.1</td> 
 
     <td>Embedded devices</td> 
 
     <td>-</td> 
 
     <td>C</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Misc</td> 
 
     <td>NetFront 3.4</td> 
 
     <td>Embedded devices</td> 
 
     <td>-</td> 
 
     <td>A</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Misc</td> 
 
     <td>Dillo 0.8</td> 
 
     <td>Embedded devices</td> 
 
     <td>-</td> 
 
     <td>X</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Misc</td> 
 
     <td>Links</td> 
 
     <td>Text only</td> 
 
     <td>-</td> 
 
     <td>X</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Misc</td> 
 
     <td>Lynx</td> 
 
     <td>Text only</td> 
 
     <td>-</td> 
 
     <td>X</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Misc</td> 
 
     <td>IE Mobile</td> 
 
     <td>Windows Mobile 6</td> 
 
     <td>-</td> 
 
     <td>C</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Misc</td> 
 
     <td>PSP browser</td> 
 
     <td>PSP</td> 
 
     <td>-</td> 
 
     <td>C</td> 
 
    </tr> 
 
    <tr> 
 
     <td>Other browsers</td> 
 
     <td>All others</td> 
 
     <td>-</td> 
 
     <td>-</td> 
 
     <td>U</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Snippet Also, wenn Sie die Funktionalität zu sehen, wann immer Sie paginate zu anderen Seiten und klicken Sie auf Spaltensortierung, setzt er tatsächlich die pagination.

Ist dies das erwartete Verhalten? Gibt es da noch etwas zu überwinden?

ging durch verschiedene andere Beiträge in SO, aber keine waren in Bezug auf die Lösung dieses Problems.

Quelle

2017-04-12 Guruprasad Rao

Können Sie bitte eine Geige machen und den Link dieser Geige teilen? –

Ja, dies ist ein erwartetes Verhalten, denn wenn Sie sortieren, müssen Sie sehen, welcher erste Datensatz nach der Sortierung erscheint. –

@MayankPandeyz Ich habe Snippet anstelle von Jsfiddle hinzugefügt, da es in SO sehr bevorzugt ist .. –

Auf der Grundlage der Kommunikation auf dem Thema: - https://datatables.net/forums/discussion/21001/how-to-keep-current-page-after-sorting

Die Ergebnisse sind: -

Wenn Sie den Klick auf die Überschrift bedeuten Art auslösen, dann ja, das wird Sie immer auf dem Sprung zurück erste Seite, es gibt keinen Weg um das zu ändern, ohne DataTables zu ändern, oder einen eigenen Sortier-/Klick-Listener auf die Header-Elemente anzuwenden.

Also im Grunde ist es nicht standardmäßig möglich (bedeutet, dass Databases diese Funktion nicht bietet).

Sie können eine Frage zu datatables Site erhöhen und sie bitten, dies zu tun, und fügte hinzu, es als Update dort vorhandenen Bibliothek.

Vielleicht werden sie es tun.

Quelle

2017-04-12 05:59:01

Ich denke, sie werden es nicht tun wie es in vielen Fällen keinen Sinn macht, wie im Thread diskutiert. Also würde ich mich lieber mit diesen Erklärungen zufriedenstellen und das gleiche meinen Kunden erzählen. :) –

Sie können versuchen, Frage zu stellen, weil es scheint, neue Funktionalität. Auch 'eigene Sortier/Klick-Listener auf die Header-Elemente anwenden. und auf diesem klicken Sie versuchen, Tabelle mit Seitenzahl und Ihrer eigenen Sortierung neu zu zeichnen. Übrigens weiß ich auch nicht, wie das geht.) :) –

Wie zu vermeiden Paginierung zurückgesetzt beim Sortieren von Daten

Antwort

Verwandte Themen