bootstrap table 设置了高度，jquery.resizableColumns.min.js列表宽度不能拖动了

可能是因为 `jquery.resizableColumns.min.js` 中的代码没有考虑到表格设置了高度的情况。你可以尝试修改这个库的源代码，让它能够适应表格高度的设置，或者使用其他支持表格高度设置的库。

另外，你也可以尝试使用 `bootstrap-table-resizable` 这个库来实现表格列宽度的拖动功能，它支持表格高度设置，并且具有更好的兼容性和稳定性。你可以在这里找到它的使用文档和示例：https://github.com/wenzhixin/bootstrap-table/tree/master/src/extensions/resizable

相关问题

bootstrap table 设置了高度，实现列表宽度可拖动

可以使用 bootstrap-table-resizable 插件来实现表格列宽度可拖动。

首先，在 HTML 中引入以下资源：

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-table-resizable/0.1.2/bootstrap-table-resizable.min.css">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table-resizable/0.1.2/bootstrap-table-resizable.min.js"></script>

然后，在 JavaScript 中初始化表格，并启用可拖动列宽度的功能：

$(function() {
  $('#table').bootstrapTable({
    height: 400, // 设置表格高度
    resizable: true, // 启用列宽度可拖动
    columns: [{
      field: 'id',
      title: 'ID'
    }, {
      field: 'name',
      title: '名称'
    }, {
      field: 'price',
      title: '价格'
    }]
  });
});

最后，在 HTML 中添加表格元素：

<table id="table"></table>

这样就可以实现表格列宽度可拖动的效果了。

bootstrap table表头宽度拖动，固定表头

可以使用 Bootstrap Table 的一个插件 resizable.js，它可以实现表头宽度拖动和固定表头的功能。下面是一个简单的示例：

1. 引入插件和样式文件

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.css">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.11.1/extensions/resizable/bootstrap-table-resizable.min.js"></script>

2. 创建表格

<table id="table" class="table table-bordered">
  <thead>
    <tr>
      <th data-field="id" data-resizable="true">ID</th>
      <th data-field="name" data-resizable="true">名称</th>
      <th data-field="price" data-resizable="true">价格</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>苹果</td>
      <td>5元/斤</td>
    </tr>
    <tr>
      <td>2</td>
      <td>香蕉</td>
      <td>3元/斤</td>
    </tr>
    <tr>
      <td>3</td>
      <td>橙子</td>
      <td>4元/斤</td>
    </tr>
  </tbody>
</table>

3. 初始化表格

$(function() {
  $('#table').bootstrapTable({
    resizable: true
  });
});

在表头 th 标签中添加 data-resizable="true" 属性即可开启宽度拖动功能，同时在初始化表格时添加 resizable: true 参数即可开启固定表头功能。

示例代码：https://codepen.io/anon/pen/LwvYyo