title: How to fill bootstrap table via bootstrapTable()?
body: <p>I'm trying to fill bootstrap table with json data.
  Here is the whole <code>index.html</code>:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"&gt;
      &lt;script&gt;
          $.get("http://localhost:8081/cash/list", function (data) {
              console.log(data);
              $(function () {
                  $('#table').bootstrapTable({
                      data: data
                  });
              });
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
      &lt;table id="table" class="table"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th data-field="IpAddr"&gt;ip&lt;/th&gt;
              &lt;th data-field="FactoryNumber"&gt;factory&lt;/th&gt;
              &lt;th data-field="Unsent"&gt;unsent&lt;/th&gt;
              &lt;th data-field="Os"&gt;os&lt;/th&gt;
              &lt;th data-field="ExpirationDate"&gt;expiration&lt;/th&gt;
              &lt;th data-field="Version"&gt;version&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm getting the following response in console :</p>
  
  <pre><code>[{"IpAddr":"10.99.220.7","FactoryNumber":"34567","Unsent":10,"Os":"windows","ExpirationDate":"05-05-2021","Version":"1.1067"},{"IpAddr":"10.99.228.228","FactoryNumber":"142123951023","Unsent":1,"Os":"linux","ExpirationDate":"05-05-2020","Version":"1.1067"},{"IpAddr":"10.99.220.7","FactoryNumber":"1234567","Unsent":2,"Os":"windows","ExpirationDate":"05-05-2021","Version":"1.1067"},{"IpAddr":"10.99.220.7","FactoryNumber":"234567","Unsent":3,"Os":"windows","ExpirationDate":"05-05-2021","Version":"1.1067"}]
  </code></pre>
  
  <p>But the table is empty and I'm stuck on "Loading, please wait" message.
  I've made a <a href="http://jsfiddle.net/jre5wLad/" rel="nofollow noreferrer">fiddle</a> just for a test and everything is fine there. So, what's wrong with my code?</p>