JGrid中拖动改变列宽的脚本原型

站长资源 2026/7/22 佚名

58 1538 58

DDR爱好者之家 Design By 杰米

顺便，把我研究过的，如何隐藏、显示一列的方法也实现了一把。但是这个功能和 css border-collapse:collapse; 有冲突，详情见代码2

<!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>jgrid拖动改变表格宽度</title> <style type="text/css">  </style> </head> <body>       <colgroup>         <col style="width:200px;" />         <col style="width:100px;" />         <col style="width:100px;" />         <col style="width:100px;" />         <col style="width:100px;" />     </colgroup>              拖动我1         拖动我2         拖动我3         拖动我4         拖动我5                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;         </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
修改版2

<!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>jgrid拖动改变表格宽度_修改版</title> <style type="text/css">  </style> </head> <body>       <colgroup>         <col style="width:200px;" />         <col style="width:100px;" />         <col style="width:100px;" />         <col style="width:100px;" />         <col style="width:100px;" />     </colgroup>              拖动我1         拖动我2         拖动我3         拖动我4         拖动我5                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;                   &nbsp;         &nbsp;         &nbsp;         &nbsp;         &nbsp;         </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
ff下拖动时一大块影子是怎么产生的呢

是故意显示出来的。
把 -moz-opacity:0.1;opacity: 0.1 改掉。

JGrid,拖动

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“JGrid中拖动改变列宽的脚本原型”

暂无评论...

JGrid中拖动改变列宽的脚本原型

JavaScript数组问题解决的多种方法

JS暴虐查找法简洁版

评论“JGrid中拖动改变列宽的脚本原型”

更新日志

友情链接

JGrid中拖动改变列宽的脚本 原型

JavaScript数组问题解决的多种方法

JS暴虐查找法简洁版

评论“JGrid中拖动改变列宽的脚本 原型”

更新日志

友情链接

JGrid中拖动改变列宽的脚本原型

评论“JGrid中拖动改变列宽的脚本原型”