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

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

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

直接使用jQuery和table写的

使用方法:

直接引入drag.jsjQuery即可。

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

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

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

jQuery拖拽拉伸缩放插件l_zoom

简约版拖拽拉伸缩放原生jQuery插件 包含 自由缩放 和 等比例缩放 模式 经典还远网页文本框操作简单
  拖和放
 29290  328

可拖拽图片文本框(类似QQ发送消息框)

支持拖拽图片,并且将图片转换为base64,兼容IE8以上所有浏览器
  拖和放
 30565  304

htmlt拖放

html5拖放排序
  拖和放
 29574  318

Sortable – 简单灵活的 JavaScript 拖放排序插件

Sortable 简单灵活的 JavaScript 拖放排序插件
  拖和放
 103807  445

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