?

?

前幾天想著實現(xiàn)表格列的拖拽?寫了個例子?一直不完美?經(jīng)過修改感覺還算完美了? ?

拖拽過程不會復制文字并且還能實現(xiàn)layerjs本身自帶的表格排序功能。

?

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

2、布局頁面

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

3、寫拖拽的代碼

?

最終實現(xiàn)的效果為進入頁面是這樣的

按住表格頭移動到需要的位置放手即可

其中實現(xiàn)排序的需要修改一下layerjs的源碼

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/wdd-cindy/p/9087693.html

總結(jié)

以上是生活随笔為你收集整理的js和layerjs配合实现的拖拽表格列的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。