title: How to load data from server using bootstrap-table?
body: <p>I am using the bootstrap-table plugin to display data from the server in an HTML table but I have not been able to get it to work. Here is the plugin URL: <a href="http://bootstrap-table.wenzhixin.net.cn/" rel="noreferrer">http://bootstrap-table.wenzhixin.net.cn/</a></p>
  
  <p>Here is my code:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;table data-url="http://wenzhixin.net.cn/examples/bootstrap_table/data"  data-pagination="true" data-page-list="[5, 10, 20, 50, 100, 200]" data-search="true" data-toggle="table" id="table"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th data-field="state" data-checkbox="true"&gt;&lt;/th&gt;
          &lt;th data-field="id" data-align="right" data-sortable="true"&gt;Item ID&lt;/th&gt;
          &lt;th data-field="name" data-align="center" data-sortable="true"&gt;Item Name&lt;/th&gt;
          &lt;th data-field="price" data-sortable="true"&gt;Item Price&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I have loaded all necessary files but this will not work.</p>
  
  <p>Here is the fiddle: <a href="http://jsfiddle.net/qoyho5jg/" rel="noreferrer">http://jsfiddle.net/qoyho5jg/</a></p>