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路径下
版权声明:jQuery实现鼠标可拖动调整表格列宽度是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。