title: JQuery JScroll for Table
body: <p>currently I am working with JQuery plugin: JScroll to implement lazy load for my table. But, I don't know why, after I use following code:</p>
  
  <pre><code>$('#table-modify2').jscroll();
  </code></pre>
  
  <p>The lazy load still not working. Not working here means it will display all of my data every time I load the page.</p>
  
  <p>For your information, the table's data come from database and I use JQuery AJAX to get the data.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>$(document).ready(function(){
      $('#table-modify2').tablesorter();
      $('#table-modify2').jscroll();
  
      bericht();
  });
  
  function bericht()
  {
      $.post("func/bericht.php",
      {
  
      },
      function(data)
      {
          con = displayResult(data);
          $('#table-modify2').find('tbody').html(con);
          $('#table-modify2').trigger('update');
          //$("#table-checkout").html(con);
      });
  }
  
  function displayResult(data)
  {
      con = "";
      row = data.split("_");
      for(i=0,j=row.length-1;i&lt;j;i++)
      {
          col = row[i].split("#");
          con += "&lt;tr&gt;";
          for(k=0,m=col.length;k&lt;m;k++)
          {
              if(col[k] == "internal" || col[k] == "external" || col[k] == "dp")
              {
                  if(col[k] == "internal")
                  {
                      con += "&lt;td class=small&gt;&lt;input id = int type =radio checked disabled&gt;&lt;/td&gt;";
                      con += "&lt;td class=small&gt;&lt;/td&gt;";
                      con += "&lt;td class=small&gt;&lt;/td&gt;";
                  }
                  else if(col[k] == "external")
                  {
                      con += "&lt;td class=small&gt;&lt;/td&gt;";
                      con += "&lt;td class=small&gt;&lt;input id = int type =radio checked disabled&gt;&lt;/td&gt;";
                      con += "&lt;td class=small&gt;&lt;/td&gt;";
                  }
                  else
                  {
                      con += "&lt;td class=small&gt;&lt;/td&gt;";
                      con += "&lt;td class=small&gt;&lt;/td&gt;";
                      con += "&lt;td class=small&gt;&lt;input id = int type =radio checked disabled&gt;&lt;/td&gt;";
                  }
              }
              else
              {
                  con += "&lt;td&gt;"+col[k]+"&lt;/td&gt;";
              }
          }
          con += "&lt;/tr&gt;";
      }
      //con += "&lt;/table&gt;";
      return con;
  }
  </code></pre>
  
  <p>Is there any idea? Thanks in advance</p>