title: Bootstrap table - dynamic button in row
body: <p>I am using <em>bootstrap v3</em>. I try to get the effect as in the picture. I want a button, what to display <code>"Item Name"</code> in <code>popup</code>. But my button is not displayed.</p>
  
  <p>The problem is that this nature of my table is a dynamic (form <code>JSON</code>) - which makes things difficult. </p>
  
  <p><strong>Picture:</strong>
  <a href="https://i.stack.imgur.com/YPVSd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YPVSd.png" alt="enter image description here"></a></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>var $table = $('#table');
  var mydata = [{
      "id": 0,
      "name": "test0",
      "price": "$0"
    },
    {
      "id": 1,
      "name": "test1",
      "price": "$1"
    },
    {
      "id": 2,
      "name": "test2",
      "price": "$2"
    }
  ];
  
  $(function() {
    $('#table').bootstrapTable({
      data: mydata
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"&gt;
    &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.css"&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflarenter code heree.com/ajax/libs/bootstrap-table/1.10.1/bootstrap-table.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div class="container"&gt;
      &lt;table id="table" data-search="true"&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th data-field="id" data-sortable="true"&gt;Item ID&lt;/th&gt;
            &lt;th data-field="name" data-sortable="true"&gt;Item Name&lt;/th&gt;
            &lt;th data-field="price" data-sortable="true"&gt;Item Price&lt;/th&gt;
            &lt;th&gt;Show Name&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;/tr&gt;
          &lt;tr&gt;&lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;button type="button" class="btn btn-primary btn-sm"&gt;Small button&lt;/button&gt;
            &lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I will be grateful for your help.</p>