Zamiast używać wtyczki tabeli przez kogoś innego, wybieram standardowy sposób tworzenia tabel, wierszy itp. W HTML-u itp. Pobrałbym dane z bazy danych, aby wypełnić wiersze. Ale kiedy liczba wierszy przekroczyła 10 000, zdałem sobie sprawę, że muszę leniować się w wiersze, inaczej strona będzie niesamowicie wolna. Szukałem sposobów na leniwe ładowanie wierszy tabeli, ale nie mogę znaleźć go nigdzie, więc moje pytanie jest prosterobi wtyczkę lazyloading lubdla rzędów parzystyistnieć?

Mam nadzieję, że jakiś guru odpowie na to pytanie. Z góry dziękuję!

Tło tego, co próbuję zrobić: Tworzę szorstki szkic tabeli w kodzie HTML, a następnie podczas wykonywania dodam wiersze do tabeli przez DOM, gdy użytkownik wyszuka określone rzeczy. Gdy będą go przeszukiwać, pojawią się tysiące wyników, a ja chcę załadować wynik do tabeli.

jQuery zapewnia lazyload dla obrazów i kontenerów obrazów.

Niektóre inne wtyczki pozwalały na lazyloadowanie div.

Lazyloading dla wierszy tabeli wydawał się jednak nieistniejący.

Przykładowy kod do kontekstu:

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>

Szukasz kodu, który pozwoli na taką samą funkcjonalność jak poniższy kod dla wierszy tabeli.

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);
          }
          */
      });
  });