欢迎来到福编程网，本站提供各种互联网专业知识！

手机版

微信关注

快捷导航: 正则表达式 AJAX相关黑客相关相关技巧 Mysql MsSql MsSql2005 MsSql2008 MariaDB Oracle Access SQLite PostgreSQL MongoDB DB2 Redis 数据库文摘数据库其它 LINUX RedHat/Centos Ubuntu/Debian Fedora Solaris 红旗Linux Unix/BSD 苹果MAC 麒麟系统注册表 BIOS 系统安装系统进程 Fireworks教程

广告商业广告，理性选择

您的位置：网站首页 > 网络编程 > JavaScript > javascript技巧

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

发布时间：2008-07-18　作者：　来源：转载

标签：雪佛兰通用奢华劳斯莱斯旗舰版 64位收藏夹解调器

JGrid中，可以拖动改变列宽，简单的原理就是改变相应的col的style.width今天看到skybot同学在问这个问题，就又把这个功能拿出来，单独实现了一下（有改进）

顺便，把我研究过的，如何隐藏、显示一列的方法也实现了一把。但是这个功能和cssborder-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 
     
     
         
         
         
         
         
     
     
         
         
         
         
         
     
     
         
         
         
         
         
     
     
         
         
         
         
         
     
     
         
         
         
         
         
     
 
 
 
</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 </body> </html>

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

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

上一篇：JavaScript数组问题解决的多种方法

下一篇：Javascript 读后台cookie代码

广告商业广告，理性选择

网站首页

网络编程

数据库

操作系统

平面设计

网站运营

网络安全

电脑相关

手机学院

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

相关推荐

文章分类

热门关键词

热门文章

最新更新

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

相关推荐

文章分类

热门关键词

热门文章

最新更新

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