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的源碼