jQuery可调整表和列宽插件-colResizable
2016-05-05 18:01
411 查看
最基本的例子
引入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>
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>
JS
<script type="text/javascript"> $(function() { $("table").colResizable(); }) </script>
以上步骤即可实现最简单的鼠标拖动调整表格列宽
在线演示:colresizable
更多信息参考:http://www.bacubacu.com/colresizable/
作者:itmyhome
相关文章推荐
- jQuery可调整表和列宽插件-colResizable
- Jquery获取EasyUI时间控件的值
- jQuery常用及基础知识总结(二)
- jQuery常用及基础知识总结(一)
- jquery.form.js处理成功但未执行回调
- jQuery常用及基础知识总结(三)
- jquery插件autocomplete
- jquery 全选、全不选、反选效果的实现代码【推荐】
- jquery.form.js后台提交成功,但没触发回调函数
- jquery实现全选和全不选功能效果的实现代码【推荐】
- jquery实现全选功能效果的实现代码
- jQuery插件分类、编写及实例
- jQuery Ajax Post Data Example
- jQuery验证插件 Validate详解
- jquery——$.each的用法
- jquery—multiSelect 一个页面多个下拉
- jquery-autocomplete 组件使用
- jquery ajax中使用jsonp的限制
- jQuery Mobile 和 Kendo UI 的比较
- jQuery 获取屏幕高度、宽度