title: load json data in bootstrap data table
body: <p>i created a table using html . now i want to populate my table using json data. i have been using the example <a href="https://www.youtube.com/watch?v=A20PY5RxdI8" rel="nofollow noreferrer">https://www.youtube.com/watch?v=A20PY5RxdI8</a></p>
  
  <p>my javascript code is here</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>$(document).ready(function () {
   
   
   $.getJSON("my.php",  function(json){
   
      myjson = json;
   
   
  }).done(function() {
  
   $('#tble').bootstrapTable('load', myjson);
     
     var $table = $('#tble');
  $table.bootstrapTable('load', myjson);
         $table.bootstrapTable({
   search: true,
           pagination: true,
           buttonsClass: 'primaryt',
           showFooter: true,
         minimumCountColumns: 2,
      columns: [ {
          field: 'one',
          title: 'ID'
      }, {
          field: 'two',
          title: 'f name'
      }, {
          field: 'three',
          title: 'last name'
      }],
      data: myjson
   
  
  });
   
  });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table id = 'tble'&gt;
  &lt;tr class=xl70 height=42 style='mso-height-source:userset;height:31.5pt'&gt;
    &lt;th height=42 class=xl72 width=57 style='height:31.5pt;border-top:none;
    border-left:none;width:43pt' data-field="one"&gt;1&lt;/th&gt;
    &lt;th class=xl72 width=80 style='border-top:none;border-left:none;width:60pt'&gt;2&lt;/th&gt;
    &lt;th class=xl72 width=97 style='border-top:none;border-left:none;width:73pt'&gt;3&lt;/th&gt;
    
   &lt;/tr&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>i want to populate json into my table but it does not display any data in the said table</p>