调整Table表格宽度插件colResizable
2017-12-06 16:48
274 查看
调整Table表格宽度插件colResizable
引入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
colResizable 官方文档:http://www.bacubacu.com/colresizable/
原文地址: http://blog.csdn.net/itmyhome1990/article/details/51322740
相关文章推荐
- HTML table 锁定表格头并实现表头与下面宽度动态对齐不借助JUQERY 插件
- Jquery colResizable 插件 可拖动表格的宽度
- td 内容自动换行 table表格td设置宽度后文字太多自动换行
- 表格Table宽度设置无效的解决方法
- bootstrap 表格插件bootstrap-table的js设置高度及高度自适应
- html - table 表格不被撑开,td某些列宽度固定某些列自适应
- 基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- 用table表格来调整表单控件的格式让它好看一些
- CKEDITOR 4.6.X 版本 插件 弹出对话框 Dialog中 表格 Table 自定义样式Style 问题
- jqGrid随窗口大小调整表格宽度
- DBGrid 根据表格中数据长度自动调整表格宽度
- 使用相对宽度调整表格问题
- css table表格无法调整宽度问题分析
- 解决colResizable插件overflow和flex模式单元格最小宽度问题
- 结合bootstrap fileinput插件和Bootstrap-table表格插件,实现文件上传、预览、提交的导入Excel数据操作流程
- 前端表格排序插件TableSort资料整理
- table 表格 td设置宽度后文字太多自动换行
- 在WEB页面中根据分辨率自动调整内容宽度,以适应表格宽度
- 根据表格内容,自动调整VB.NET中Datagrid控件单元格宽度
- 使用相对宽度调整表格问题