title: Bootstrap table footer hide and show
body: <p>I would like to show and hide the footer of a bootstrap table based on some conditions. </p>
  
  <p>How can I show and hide footer using a <code>javascript</code> or <code>Jquery</code> event?</p>
  
  <pre><code>&lt;table data-toggle="table" data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/" data-show-footer="true"&gt;
  </code></pre>
  
  <p>How can I set the value of <code>data-show-footer="true"</code> using <code>Javascript</code>?</p>