?

?

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

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

?

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

2、布局頁(yè)面

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

3、寫拖拽的代碼

?

最終實(shí)現(xiàn)的效果為進(jìn)入頁(yè)面是這樣的

按住表格頭移動(dòng)到需要的位置放手即可

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

?

?

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

總結(jié)

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

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