title: Bootstrap-table change dynamically table height
body: <p>I'm using Bootstrap-table plugin in version 1.6.
  I want to change dynamically table height - is it possible? I can't figure it how to do that...</p>
  
  <pre><code>&lt;div class="main"&gt;
      &lt;button id="resetView" class="btn btn-default"&gt;Reset View&lt;/button&gt;
  
      &lt;table id="table"
             data-toggle="table"
             data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/"
             data-height="200"&gt;
          &lt;thead&gt;
          &lt;tr&gt;
              &lt;th data-field="name"&gt;Name&lt;/th&gt;
              &lt;th data-field="stargazers_count"&gt;Stars&lt;/th&gt;
              &lt;th data-field="forks_count"&gt;Forks&lt;/th&gt;
              &lt;th data-field="description"&gt;Description&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
      &lt;/table&gt;
  </code></pre>
  
  <h2>    </h2>
  
  <pre><code>$(function () {
      setTimeout(function () {
          $('.main').width('80%'); // Change table width
  
          $('.main').height('100'); // it won't work
          $('#table').data('height', 100); // this also won't work
          $('#table').height('100'); // and of course this won't work..
      }, 1000);
  
      $('#resetView').click(function () {
          $('#table').bootstrapTable('resetView');
      });
  });
  </code></pre>
  
  <p>working fiddle
  <a href="http://jsfiddle.net/e3nk137y/558/" rel="noreferrer">http://jsfiddle.net/e3nk137y/558/</a></p>