用jquery 怎么实现表格列与列之间的拖拽?

发布网友发布时间：2022-05-07 06:10

共3个回答

热心网友时间：2022-04-22 18:04

如果要直接实现这种效果的话，
一个程序比较复杂，
第二个可能效果不会很理想，会出现很有拖拽或者运动中的bug！
你可以参考一下jquery ui里面的拖拽。
利用jquery ui里面的，即方便，有能有效的去除各种意料意外的情况
给你一个地址，你可以看一下参考一下
http://jqueryui.com/demos/droppable/#revert追问能否发个范例？英文看起不好理解~

追答我给你看的已经是一个范例了，里面有源代码啦，还有各种api的调用等等！
你首先把上面的玩一下，看看是不是自己想要得效果，。
然后下面View Source里面看一下源代码，看看他们是怎么样用的。

热心网友时间：2022-04-22 19:22

最好还是独立元素直接的拖拽容易一点

毕竟表格的构造有点特殊这种拖拽也不符合用户习惯,
建议做个下拉框里面是复选框+列名
这个列名可以拖拽然后下面有个确定点了之后更新表

热心网友时间：2022-04-22 20:57

　　1、无需引入store.js <th>也无需data-resizable-column-id属性
并且$("#myTable").resizableColumns();也可实现功能
　　2、所需文件下载地址：http://xiazai.jb51.net/201405/yuanma/jquery-resizableColumns.zip
　　3、分别解压两个文件
jquery.resizableColumns.js在\jquery-resizable-columns-gh-pages\dist路径下
store.js在store.js-master路径下。