jquery拖动调整表格列宽度效果不错哟。

 <script src="libs/jquery.js"></script>
      <script src="libs/store.js"></script>
      <script src="jquery.resizableColumns.js"></script>

      <table class="table table-bordered" data-resizable-columns-id="demo-table">
        <thead>
          <tr>
            <th data-resizable-column-id="#">#</th>
            <th data-resizable-column-id="first_name">First Name</th>
            <th data-resizable-column-id="last_name">Last Name</th>
            <th data-resizable-column-id="username">Username</th>
          </tr>
        </thead>
        <tbody>
          ...
        </tbody>
      </table>

      <script>
        $(function(){
          $("table").resizableColumns({
            store: store
          });
        });
      </script>

         

相关链接