bootstrap table 不同列分别加载

可以使用 Bootstrap Table 的列属性 `data-field` 来为每列指定一个唯一的标识符，然后在前端代码中根据需要分别加载不同的列数据。

例如，假设有一个表格，其中包含 `id`、`name`、`age` 和 `gender` 四列，我们可以在 HTML 中为每列指定一个 `data-field` 属性：

<table data-toggle="table">
  <thead>
    <tr>
      <th data-field="id">ID</th>
      <th data-field="name">Name</th>
      <th data-field="age">Age</th>
      <th data-field="gender">Gender</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格数据 -->
  </tbody>
</table>

然后在 JavaScript 中，可以使用 Bootstrap Table 的 `showColumns` 和 `hideColumns` 方法来分别加载不同的列数据。例如，如果我们只想加载 `id` 和 `name` 两列，可以这样写：

// 显示 id 和 name 列，隐藏 age 和 gender 列
$('table').bootstrapTable('showColumns', ['id', 'name']);
$('table').bootstrapTable('hideColumns', ['age', 'gender']);

这样就可以根据需要动态加载不同的列数据了。