拖动表头的一个jquery插件

本文介绍了一款基于jQuery的自定义插件,用于实现表格列宽的拖动调整功能。该插件允许用户通过拖动表头来改变列宽,并提供了丰富的配置选项,如拖动条颜色、宽度及鼠标样式等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前些天另外一个项目组的同事让帮忙找一个能够拖动表头的js代码,要求能够像查询分析器一样的能够拖动表头,在google,baidu后发现了一个基于jquery的,源地址是:http://www.csharpwin.com/dotnetspace/12601r5144.shtml,当时我也拿来试了试,挺好用的,不过有个缺点就是使用后整个页面的表格都可以拖动了,而且还有些小bug,比如说拖动没有控制等,感觉不是很好,于是乎抽了点时间将他封装了一下,变成了一个jquery的插件,顺带学习了一下jquery插件的编写,嘿嘿!现在将这个插件分享出来。

目前的版本支持的输入参数如下:

SplitBarColor: '#000000',//表示拖动条的颜色
SplitBarWidth: '4px',//表示拖动条的宽度
SplitBarCursor: 'col-resize',//表示在可以拖动下鼠标的样式
FixedFirstColumn: false,//表示第一列是否不可拖动
AfterChange: function(e) { },//表示在拖动发生前需要执行的回调
BeginChange: function(e) { }//表示在拖动结束后需要执行的回调

其中参数e的定义如下:

var e = { sender: th, cancel: false };

sender表示当前拖动的列对象(表头)

cancel表示是否取消该事件,如果需要取消的话将e.cancel设置成true.

插件代码如下:

使用方式如下:

$("#a").ReSizeTablecolumn(/*加可选参数*/);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值