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

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

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

直接使用jQuery和table写的

使用方法:

直接引入drag.jsjQuery即可。

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

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

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

jQuery拖拽拖放插件DAD

DAD 是一款基于 jQuery 的拖拽拖放插件,它支持常见的水平拖放、垂直拖放、多行拖放、指定拖放区域、回调函数、允许禁止拖放等等,同时你也可以稍加改造,做成类似垃圾篓、购物车等效果。
  拖和放
 83295  653

jQuery拖动图片排列插件

本插件是基于dragst.js,拖拽排列图片的顺序,使用方法简单,兼容各大浏览器
  拖和放
 28159  316

jQuery移动端滑动标尺

移动端卡尺,滑动标尺,标不动
  拖和放
 26700  319

JS表格列自由拖拽排序特效代码

该插件为纯js代码,实现表格列的自由拖拽,以及按列排序
  拖和放
 42799  406

讨论这个项目(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
        是啊,好像是可以的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复