最基本的例子

引入JS

<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script><script src="js/colResizable-1.6.js" type="text/javascript"></script>

• 1
• 2

TABLE

<table class="table table-bordered"><thead> <tr> <th>栏目类型</th> <th>活动名称</th> <th>状态</th> <th>操作选项</th> </tr></thead><tbody> <tr> <td>青春日记</td> <td>我们一起傻逼的日子</td> <td>提交</td> <td>审核</td> </tr> <tr> <td>我和孩子的成长故事</td> <td>成长故事</td> <td>通过</td> <td>审核</td> </tr></tbody></table>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24

JS

<script type="text/javascript"> $(function() { $("table").colResizable(); })</script>

• 1
• 2
• 3
• 4
• 5

以上步骤即可实现最简单的鼠标拖动调整表格列宽

在线演示：colresizable

更多信息参考：http://www.bacubacu.com/colresizable/

作者：itmyhome

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow