bootstraptable 固定指定的列

可以使用 Bootstrap Table 提供的 fixedColumns 拓展来实现固定指定的列。该拓展需要引入 jQuery 和 Bootstrap Table 插件，以及它自己的样式文件和 js 文件。具体实现方法如下：

1. 在 table 标签上添加 data-fixed-columns="true" 属性开启该拓展。

2. 在 table 标签内部添加 thead 和 tbody 标签。

3. 在需要固定的列上添加 data-field 和 data-formatter 属性。

4. 在 js 文件中使用 fixedColumns 属性来指定需要固定的列数和位置。

代码示例：

<table data-fixed-columns="true">
  <thead>
    <tr>
      <th data-field="id" data-formatter="idFormatter">ID</th>
      <th data-field="name">名称</th>
      <th data-field="price">价格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>测试1</td>
      <td>100</td>
    </tr>
    <tr>
      <td>2</td>
      <td>测试2</td>
      <td>200</td>
    </tr>
    <!-- 省略其他行 -->
  </tbody>
</table>

<script>
  $(function() {
    $('table').bootstrapTable({
      fixedColumns: true, // 开启固定列功能
      fixedNumber: 1, // 固定一列
      fixedRightNumber: 0 // 不固定右侧列
    });
  });

  function idFormatter(value, row, index) {
    return '<a href="#">' + value + '</a>';
  }
</script>

上述代码中，第一个 th 标签上添加了 data-field 和 data-formatter 属性，表示该列的字段名为 id，需要使用 idFormatter 函数来格式化该列的内容。在 js 文件中，使用 fixedColumns 属性来开启固定列功能，并指定需要固定的列数和位置。本例中，固定了第一列，不固定右侧列。