微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Sortable.js 对表格内的元素进行排序

如何解决Sortable.js 对表格内的元素进行排序

我正在尝试使用 Sortable.js 对表格内的项目进行排序。不是表格行本身,而是垂直轴上的项目(同一列)。有做过这件事的人吗?我知道这对于 jquery-UI 可排序非常简单,但我现在试图摆脱使用 jquery。

const table = document.querySelector("#mytable tbody");
new Sortable(table,{
            draggable: '.move',animation: 100
        });
table tbody tr td { padding: 10px 0;}
.move {background:silver; cursor: move;}
<script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
<table id="mytable" border="1" width="100%">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
</tr>
</thead>
<tbody>
<tr>
  <td></td>
    <td><div class="move">Move me</div></td>
    </tr>
 <tr>
  
    <td><div class="move">Move me</div></td>
    <td></td>
    </tr>
    
<tr>
  <td></td>
    <td></td>
    </tr>
    <tr>
  <td></td>
    <td></td>
    </tr>
    <tr>
  <td></td>
    <td></td>
    </tr>
    </tbody>
    </table>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。