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

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

 

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

2、布局页面

<div  class="divT">
<table class="layui-hide" ></table>
</div>

3、写拖拽的代码

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

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

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

 

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

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

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

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

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

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

 

 




相关文章:

  • 2021-09-20
  • 2021-06-03
  • 2022-12-23
  • 2021-11-28
  • 2021-12-22
  • 2022-12-23
  • 2023-02-01
  • 2021-07-07
猜你喜欢
  • 2022-12-23
  • 2022-02-23
  • 2022-01-02
  • 2022-12-23
  • 2022-02-09
  • 2021-11-22
相关资源
相似解决方案