Dynamische Pagination

Hallo,

ich habe eine tabelle, wo ich dynamisch texte einfügen kann.

Nun möchte ich eine zweite seite hinzufügen sobald ich 5 tabelleneinträge habe.

somit soll auch ein button mit seite 2 erscheinen und die ältesten einträge sich in der zweiten seite befinden.

wie könnte ich das realisieren?

momentan kann ich dynamisch einträge eintragen. nur weiß ich nicht wie ich die elemente auf seite 2 kriege. desweiteren möchte ich auch zwischen den seiten switchen können.

hier ein code beispiel:

var tr = document.createElement("tr");
var td = document.createElement("td");
td.innerText = "bilder";
tr.appendChild(td);
document.getElementById("myTable").appendChild(tr); 

var x = document.getElementById("myTable").rows.length;
  if(x > 4){
      var button = document.createElement("button");
   document.getElementById("demo").appendChild(button);
    button.innerText = "page2";
}

Zitat von Sempervivum

1. Eine Tabelle mit nur einer Spalte würde wenig Sinn machen, ich vermute, Du hast mehr und es gekürzt, damit der Code nicht zu lang wird?

2. Du schreibst, Du willst die Elemente auf Seite 2 bekommen. Meinst Du damit wirklich eine zweite HTML-Seite oder dass auf der selben Seite jeweils nur ein Abschnitt sichtbar ist und man diesen mit dem Button auswählen kann (etwa so wie es datatables macht)?

Wobei ich letzteres empfehlen würde. Und überlegen ob es angebracht ist, Datatables zu verwenden.

zu 1: ja genau. ich habe den code abgekürzt

zu 2: ich möchte auf keinen fall eine zweite html seite. es soll genauso sein wie bei den datatables, wo man mit den buttons hin und her wechselt.

Zitat von m.scatello

Dann benutze doch Datatables

so wie ich es gelesen habe ist Datatables ein Library für JQuery.
Ich bräuchte Ansätze für pur Javascript um zu sehen, wie ich sowas aufbauen könnte.