推荐项目：jQuery Resizable Columns - 灵活调整表格列宽的神器

jQuery Resizable Columns 是一个用于调整表格列宽度的 jQuery 插件。以下是如何使用该插件的示例代码：

首先，确保在页面中引入 jQuery 和 resizableColumns 插件的脚本：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="path/to/jquery.resizableColumns.min.js"></script>

然后，准备一个表格，并在其中使用 resizableColumns 方法：

<table id="myTable">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
      <td>Data 3</td>
    </tr>
    <!-- 更多行... -->
  </tbody>
</table>
 
<script>
  $(document).ready(function() {
    $('#myTable').resizableColumns();
  });
</script>

在上述示例中，我们首先引入了必要的 jQuery 库和 resizableColumns 插件。然后，我们定义了一个带有 id 的表格，并在文档加载完成后使用 $('#myTable').resizableColumns(); 来使表格的列可调整宽度。用户可以通过拖动列之间的分隔线来改变列宽。