Вместо того, чтобы использовать плагин для таблицы кем-то другим, я предпочитаю делать это стандартным способом HTML для создания таблиц и строк и т. Д. И т. Д. Я бы выбирал данные из базы данных для заполнения строк. Но когда число строк превысило 10000, я понял, что мне нужно lazy_load строк, иначе сайт будет невероятно медленным. Я искал способы ленивой загрузки строк таблицы, но, похоже, я не могу найти его где-либо, поэтому мой вопрос простоdoes the lazyloading plug-in или жеfor rows четноеexist?

Надеюсь, что некоторые гуру могут ответить на это. Заранее спасибо!

Background as to what I'm trying to do: I'm creating the rough sketch of the table in the html code, then during runtime, I will add rows to the table through DOM when the user searches for particular things. When they search it, there will be thousands of results, and I want to lazyload the result into the table.

jQuery предоставляет lazyload для изображений и контейнеров изображений.

Некоторые другие плагины допускают ленивую загрузку div.

Lazyload для строк таблицы, однако, казалось, не существует.

Some sample code for context:

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>

Looking for some code that will allow the same functionality as the code below for table rows.

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