Bootstrap/DataTable - Wie Standard-Seite

Question

Ich arbeite mit https://datatables.net und Bootstrap.

Dies ist mein Code, um die Datentabelle für die Anzeige:

<script type="text/javascript"> 
    $(document) 
     .ready(function() { 
      $('#datatable').dataTable({ 
       "order": [[ 0, "desc" ]], 
       "page": 10 
      }); 
     }); 
</script>  

Ich habe keine Probleme auf den Tisch läuft ohne Probleme zu machen. Ich möchte jedoch die Standardseite nicht als erste Seite als Standard festlegen.

Ich habe versucht, die Standardseite festlegen Nummer 10. Ich meine, wenn die Tabelle nicht Seite geladen ist Nummer 1, um zu zeigen, sondern zum Beispiel als aktive Seitennummer 10.

zu zeigen, aber es scheint i kann das nicht machen. Kannst du mir bitte helfen?

Vielen Dank im Voraus!

Answer 1

können Sie verwenden fnPageChangefunction von DataTables API vorgesehen ist und dass der datatables auf Objekt verwenden und wie unten dynamisch auf Seite Last ändern:

$(document) 
    .ready(function() { 
    var table = $('#datatable').dataTable({ 
     "order": [ 
     [0, "desc"] 
     ], 
     "page": 10 
    }); 
    //store reference in a variable say table here 
    table.fnPageChange(2,true); //change page to 2 and redraw the table 
}); 

Wo 2 die Seitenzahl ist und der zweite Parameter fragt datatable zu redraw.

FIDDLE DEMO

Hinweis: - Wenn Sie mit dataTables Version 1.10 oder höher können Sie unter Option

Es gibt eine displayStart Option ist, dass Sie die Standardseite festlegen können .

Beachten Sie, dass der Wert displayStart eine nullbasierte Anzahl von Datensätzen ist, keine Seiten. Wenn Sie 10 Datensätze pro Seite haben, werden displayStart: 10 zeigen Seite 2

$('#my-datatable').DataTable({ 
    'displayStart': 10 
}); 

Source

Answer 2

Wann immer nur die Seite zu laden, unter Klasse auslösen

$(".paginate_button [data-dt-idx='10']").trigger("click"); 

ich an meinem Ende versucht, es funktioniert für mich. Wir können mit verschiedenen Selektoren das gleiche tun auch

Answer 3

Sie einen Rückruf Initcomplete verwenden:

$('#datatable').dataTable({  
    initComplete: function() {      
        this.api().page(2).draw('page'); 
       } 
}); 

documentation