jQuery实现鼠标可拖动调整表格列宽度

实现鼠标可拖动调整表格列宽度如图

一、引入文件：复制代码代码如下：脚本src=' http :/js/jquery-1。8 .0 .量滴js ' type=' text/JavaScript '/script script src=' http :/js/store。js ' type=' text/JavaScript '/script script src=' http :/js/jquery。resizablecolumns。js ' type=' text/JavaScript '/script二、表格复制代码代码如下：表格id='myTable '边框='1 '第一个数据大小可调整列id='a '输入类型='复选框'/第一个数据大小可调整列id='b '栏目类型第/th个数据-可调整大小-列-id='c '活动名称第/th个数据-可调整大小-列-id='d '状态第/th个数据-可调整大小-列-id='e '操作选项车身输入类型='复选框'/TD/TD青春日记TD/TD/2014年度青春日记征文运输署/运输署提交运输署/运输署审核/TD/tr/tr tdinput type=' checkbox '/TD/TD我和孩子的成长故事运输署/运输署成长故事运输署/运输署通过运输署/运输署审核/td /tr /tbody /table以上超文本标记语言只是作为演示并不是我项目中所实际使用的，并且在测试的时候也未能实现。郁闷.三、实现表格可拖动复制代码代码如下：脚本类型=' text/JavaScript ' $(function(){ $(' # my table ')).resizableColumns({ store : window。store })；})/脚本在项目使用过程中发现无需引入store.js th也无需数据大小可调整列编号属性并且$('#myTable ').resizableColumns()；也可实现功能所需文件下载地址：http://霞仔。JB 51。net/201405/马援/jquery-resizableColumns.zip分别解压两个文件jquery.resizableColumns.js在\ jquery-可调整大小-列-GH-页面\dist路径下store.js在store.js-master路径下