js怎么实现拖拽表格的单元行,换位置

vue怎么实现拖拽表格的单元行,换位置

如图举个例子:比如将第三行拖到第一行,那么其他行就顺位下移

我一般只讲思路,大概就是楼上的意思,用一个数组存下所有的数据,根据记录被拖动的行以及释放鼠标按钮所处的位置,再进行数组中数据的位置改变,再刷新列表就好了,不过这个功能我认为基本上没啥用。

前些天刚写了列拖拽,就看到你要行拖拽...思路大体是这个样子:鼠标按下时候记录按下的行,鼠标移动时获取鼠标经过的行(这里的行都可以以tr的index为准),想要鼠标经过效果就是经过时候给对应的tr内的td添加明显的border,鼠标弹起时候 就给此时经过的trbefore或者after一开始记录的tr的clone()并移除那个tr,提醒一下,鼠标弹起时切记解绑事件