Bootstrap Table

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<button id="btnHide">Hide Column</button>
<button id="btnShow">Show Column</button>
<table id="table1" data-toggle="table" data-url="/gh/get/response.json/wenzhixin/bootstrap-table/tree/master/docs/data/data1/">
  <thead>
    <tr>
      <th data-field="name">Name</th>
      <th data-field="stargazers_count">Stars</th>
      <th data-field="forks_count">Forks</th>
      <th data-field="description">Description</th>
    </tr>
  </thead>
</table>

JavaScript

$(document).ready(function() {
  $("#btnHide").click(function() {
    $("#table1").bootstrapTable('hideColumn', 'name');
  });

 $("#btnShow").click(function() {
    $("#table1").bootstrapTable('showColumn', 'name');
  });


});