title: Populate Bootstrap Table with data from json source
body: <p>I,m new in working with bootstrap and json files and I came to the following problem:</p>
  <p>I've got the following code:</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-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
  
    &lt;h1 class="text text-success text-center "&gt;Kontoauszug&lt;/h1&gt;
  
    &lt;table id="table" data-toggle="table" data-url="/json/data.json"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
        &lt;th data-field="auszug.betrag"&gt;ID&lt;/th&gt;
        &lt;th data-field="auszug.unix"&gt;Item Name&lt;/th&gt;
        &lt;th data-field="auszug.transaktionsart"&gt;Item Price&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
    &lt;/table&gt;
  
  &lt;/div&gt;
  
  &lt;script src="https://code.jquery.com/jquery-3.3.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"&gt;&lt;/script&gt;
  
  &lt;link rel="stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href= "https://unpkg.com/bootstrap-table@1.16.0/dist/bootstrap-table.min.css"&gt;
  &lt;link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.0/dist/bootstrap-table.min.css"&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>And the json I'm working with has the following structure:</p>
  <pre><code>{
    &quot;auszug&quot;: {
      &quot;1604400036082-3450&quot;: {
        &quot;betrag&quot;: -367.5,
        &quot;von/an_uuid&quot;: &quot;Test1&quot;,
        &quot;von/an&quot;: &quot;Test1&quot;,
        &quot;autorisiert-durch&quot;: &quot;SYSTEM&quot;,
        &quot;unix&quot;: 1604400036,
        &quot;transaktionsart&quot;: &quot;Lohnzahlung&quot;
      },
      &quot;1604406781759-8437&quot;: {
        &quot;betrag&quot;: 85.17,
        &quot;von/an&quot;: &quot;Test2&quot;,
        &quot;autorisiert-durch&quot;: &quot;SYSTEM&quot;,
        &quot;unix&quot;: 1604406782,
        &quot;transaktionsart&quot;: &quot;Überweisung&quot;
      },
      &quot;1604395596115-5983&quot;: {
        &quot;betrag&quot;: 1226.48,
        &quot;von/an&quot;: &quot;Test3&quot;,
        &quot;autorisiert-durch&quot;: &quot;SYSTEM&quot;,
        &quot;unix&quot;: 1604395596,
        &quot;transaktionsart&quot;: &quot;Überweisung&quot;
      }
    },
    &quot;kontonummer&quot;: &quot;DEF05487151498683&quot;,
    &quot;kontostand&quot;: 44641548.66,
    &quot;success&quot;: true
  }
  </code></pre>
  <p>But when I try to run the code I get &quot;No matching records found&quot;.
  How do I get the data from a json like this into the table?</p>
  <p>Many thanks in advance!</p>
  <p>Edit:
  I don't know how to exactly get the responseText in here but here's a screenshot of the console.log:
  <a href="https://i.stack.imgur.com/s3OSP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/s3OSP.png" alt="console log responseText" /></a></p>