Anstatt ein Tabellen-Plugin von jemand anderem zu verwenden, entscheide ich mich für die Standard-HTML-Methode zum Erstellen von Tabellen und Zeilen usw. usw. Ich würde Daten aus einer Datenbank abrufen, um die Zeilen zu füllen. Aber als die Anzahl der Zeilen 10.000 überstieg, wurde mir klar, dass ich die Zeilen faul laden musste, da die Website sonst unglaublich langsam wäre. Ich habe nach Möglichkeiten gesucht, Zeilen einer Tabelle zu laden, aber ich kann sie anscheinend nirgendwo finden, daher ist meine Frage einfachmacht das Lazyloading Plug-in oderfür Reihen sogarexistieren?

Hoffe, dass ein Guru dies beantworten kann. Danke im Voraus!

Hintergrundinformationen zu dem, was ich versuche: Ich erstelle die grobe Skizze der Tabelle im HTML-Code und füge der Tabelle zur Laufzeit Zeilen über DOM hinzu, wenn der Benutzer nach bestimmten Dingen sucht. Wenn sie danach suchen, wird es Tausende von Ergebnissen geben, und ich möchte das Ergebnis in die Tabelle laden.

jQuery bietet Lazyload für Bilder und Container mit Bildern.

Einige andere Plug-Ins erlauben das Lazyloaden von Divs.

Lazyloading für Tabellenzeilen schien jedoch nicht zu existieren.

Beispielcode für den Kontext:

HTML:

        <fieldset>
        <legend>PhotoViewer v1.6</legend>
        <h4 id = "albumName"><i>Photos</i></h4>
        <table cellspacing="1" border="2" id = "photoTable" class = "lazyProgressiveLoad">
            <tr style="font-style: italic; font-size: small; font-family: Segoe UI Light; color: Red">
                <th>--Photo--</th>
                <th>--Label--</th>
                <th>--Path--</th>
                <th><input type="button" value="Add Photo" onclick="addPhoto()" id = "addPhoto"/></th>
            </tr>
        </table>
    </fieldset>

Suchen Sie nach Code, der dieselbe Funktionalität wie der folgende Code für Tabellenzeilen ermöglicht.

Javascript:

$(function() {
      $("img").lazyload({
          effect : "fadeIn"
          /*
          ,appear : function(elements_left, settings) {
              console.log("appear");
              console.log(elements_left);
              //console.log(this, elements_left, settings);
          },
          load : function(elements_left, settings) {
              console.log("load");
              console.log(elements_left);
              //console.log(this, elements_left, settings);
          }
          */
      });
  });