jquery可拖动表格调整列格子的宽度大小
2015-09-28 16:01
811 查看
谷歌浏览器下运行
转自:http://www.daixiaorui.com/read/98.html
所需文件下载地址:http://xiazai.jb51.net/201405/yuanma/jquery-resizableColumns.zip
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery可拖动表格调整列格子的宽度大小</title> </head> <body> <style type="text/css"> table{border-collapse:collapse;border-spacing:0;} .listext th{background:#eee;color:#3366cc;} .listext th,.listext td{border:solid 1px #ddd;text-align:left;padding:10px;font-size:14px;} .rc-handle-container{position:relative;} .rc-handle{position:absolute;width:7px;cursor:ew-resize;*cursor:pointer;margin-left:-3px;} </style> <table width="100%" class="listext"> <tr> <th>www</th> <th>daixiaorui</th> <th>com</th> </tr> <tr> <td>欢迎</td> <td>您的</td> <td>访问</td> </tr> <tr> <td>欢迎</td> <td>您的</td> <td>访问</td> </tr> </table> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> <script type="text/javascript" src="jquery.resizableColumns.js"></script> <script type="text/javascript"> $(function(){ $("table").resizableColumns({}); }); </script> </body> </html>
转自:http://www.daixiaorui.com/read/98.html
所需文件下载地址:http://xiazai.jb51.net/201405/yuanma/jquery-resizableColumns.zip
相关文章推荐
- jquery.each容易错的地方
- jQuery 1.9 以后的 .attr(“checked”, true)
- jquery autocomplete插件结合ajax使用demo
- JQuery autocomplete使用手册
- jQuery 获取屏幕高度、宽度
- jquery 实现点击后1秒展开div
- jquery 动态的添加数据,获取动态的数据
- Struts2中,使用JQuery下的AJAX出现的“unexpected token <”错误
- jQuery性能优化38建议---最引人注目的用户体验!
- jquery ajax请求对json数据解析的理解
- jquery笔记(效果)
- JSF中使用jquery
- 【jQuery】网上看到一个不错的登陆界面
- jQuery的ajax async同步和异步介绍
- JQuery 再谈ajax局部刷新
- jquery笔记(基础知识)
- jquery.ajax 的例子
- Jquery 学习笔记一
- MVC笔记3:JQuery AutoComplete组件
- jquery multiselect 赋初始值