bootstraptable列宽左右拖动

以下是使用Bootstrap Table Resizable插件实现列宽左右拖动的方法：

1.首先，在HTML文件中引入Bootstrap Table和Bootstrap Table Resizable插件的CSS和JS文件。

<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">
<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/2.2.4/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-resizable/0.1.2/bootstrap-table-resizable.min.js"></script>

2.在HTML文件中创建一个表格，并设置表头和数据。

<table id="table" data-resizable="true">
  <thead>
    <tr>
      <th data-resizable="true">列1</th>
      <th data-resizable="true">列2</th>
      <th data-resizable="true">列3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>数据1</td>
      <td>数据2</td>
      <td>数据3</td>
    </tr>
    <tr>
      <td>数据4</td>
      <td>数据5</td>
      <td>数据6</td>
    </tr>
  </tbody>
</table>

3.在JavaScript文件中初始化表格，并启用Bootstrap Table Resizable插件。

$(function() {
  $('#table').bootstrapTable({
    // 设置表格属性
  });
  $('#table').resizableColumns();
});

4.现在，你可以在表格的表头中拖动列宽了。