table表格拖动列,改变列的位置(原创)

所属分类:输入,UI-拖和放,筛选及排序

 39009  325  查看评论 (7)
分享到微信朋友圈
X
table表格拖动列,改变列的位置(原创) ie兼容10

直接使用jQuery和table写的

使用方法:

直接引入drag.jsjQuery即可。

说明:1、headTable是表头,便于控制拖拽,而且可以用来固定表头;

            2、mainTable是表格内容部分,里面的东西可以自定义,可以动态加载

相关插件-拖和放,筛选及排序

jquery div拖拽换位合并拆分(原创)

拖动div块,两个div距离足够近时合并,远一点时换位。右键点击已合并的div,可显示可选择拆分数组,点击要拆分的数据,即可拆分。再次右击已合并的div即可收起可选择的拆分数据组
  拖和放
 20514  228

拖动滑块验证

拖动滑块进行验证
  拖和放
 66173  493

拖放交互的想法

在UI中拖放交互的一些想法,这个想法是显示一个可拖拽的区域,代表一个元素被拖拽后的某些动作。
  拖和放
 26330  345

鼠标拖动翻页

鼠标可以拖动表格来翻页,十分方便,界面也很漂亮
  拖和放
 29010  329

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    相默、无言、 0
    2018/12/27 14:02:55
    找好久了, 很好
        ★胗ご锾メ0
        2019/1/23 9:29:13
        有代码嘛,发来看看啊
    回复
    浮生 0
    2017/12/12 9:51:06

    数据是动态生成的,而且量非常大,可以吗

    回复
    No Delete 0
    2017/8/24 10:00:34

    表格比较长 浏览器 底部有滚动条 都不能用。

        伤心地牧羊人0
        2017/8/28 9:14:21

        我刚测了一下,有滚动条是可以用的啊

        9o後Dè匦迹0
        2017/12/4 13:29:35

        ok

        @.@0
        2018/6/18 16:09:18
        是啊,好像是可以的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复