最基本的例子
引入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