bootstraptable手动展示隐藏的列

bootstrap-table是一个基于Bootstrap的jQuery扩展插件，用于创建动态的响应式表格。要手动展示或隐藏列，可以使用它提供的方法。

首先，在表格的HTML代码中，为每个需要展示/隐藏的列定义一个唯一的data-field属性，例如：

<table id="myTable">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name">姓名</th>
      <th data-field="age">年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>张三</td>
      <td>20</td>
    </tr>
    <tr>
      <td>2</td>
      <td>李四</td>
      <td>25</td>
    </tr>
  </tbody>
</table>

然后，在JavaScript代码中，使用bootstrap-table的方法来手动展示/隐藏列。首先要获取表格的实例对象，然后可以使用toggleColumn方法来切换列的展示状态，示例如下：

$(function() {
  var $table = $('#myTable');

  // 手动展示列
  $table.bootstrapTable('toggleColumn', 'name', true);
  
  // 手动隐藏列
  $table.bootstrapTable('toggleColumn', 'age', false);
});

上述代码中，通过toggleColumn方法，第一个参数是列的唯一标识符（即data-field属性的值），第二个参数是一个布尔值，用于指定该列的展示状态（true为展示，false为隐藏）。

通过以上方法，就可以实现手动展示/隐藏列的功能。可以根据具体的业务需求，根据某些条件进行条件性地展示/隐藏列，以提供更好的用户体验。