title: HTML table with qrcode as column; loading issues on tablet
body: <p>I have a HTML table with QRcode as one of its column values; I use QRcode.min js library to convert the string to QRcode;</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>json = $.parseJSON(JSON.stringify(res.d));
  // console.log('data ' , json);
  $.each(json, function (i, item) {
      // console.log(item.medicine);console.log(item.Medicine);
      if (item.QrImg1 == null) {
          td1 = $('&lt;td&gt;').text(' ');
      } else {
          td1 = $('&lt;td&gt;').qrcode({ width: 100, height: 100, text: item.QrImg1 })
      }
      if (item.QrImg2 == null) {
          td2 = $('&lt;td&gt;').text(' ');
      } else {
          td2 = $('&lt;td&gt;').qrcode({ width: 100, height: 100, text: item.QrImg2 })
      }
      var $tr = $('&lt;tr&gt;').append(
          $('&lt;td   style="width:30%"&gt;').text(item.Medicine),
          $('&lt;td&gt;').text(item.BatchCode),
          td1,
          td2
      ).appendTo('#meds');
  }</code></pre>
  </div>
  </div>
  
  This is a pharmacy app, where in all the medicines along with their batch code(as QRCode) is displayed. They will have to do quick filter search on the medicine name so pagination wont help.
  The issue is that I have around 6000+ row so while loading it takes time specially on a tablet. Is there some way I can get this loaded faster.</p>