js和layerjs配合实现的拖拽表格列


 

 

前几天想着实现表格列的拖拽 写了个例子 一直不完美 经过修改感觉还算完美了   

拖拽过程不会复制文字并且还能实现layerjs本身自带的表格排序功能。

 

1、首先引入layer.css    jquery  layui.all.js

2、布局页面

<div  class="divT">
<table class="layui-hide" id="test" lay-filter="test"></table>
</div>

3、写拖拽的代码

 

最终实现的效果为进入页面是这样的

按住表格头移动到需要的位置放手即可

其中实现排序的需要修改一下layerjs的源码

 

 





免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM