Sortable.js:对表中的列进行组织和排序
P粉752290033
P粉752290033 2024-02-03 17:40:31
0
1
423

如何使用 sortable.js 库对列表进行排序? https://sortablejs.github.io/Sortable/

我在 tr 属性上设置了 sortable_container(sortable_emploees id) 。这很好用。但如何同时对tbody中的td进行排序呢?

请看gif。 Tbody 不可排序。如何创建表格以拖放标题单元格和正文单元格。或者如何设置 sortable.js 来为我做到这一点?

检查示例代码:

const el = document.getElementById('sortable_employees');
        const sortable = new Sortable(el, {
            animation: 150,
            ghostClass: 'bg-blue-200',
        });

https://jsfiddle.net/mateuszbialowas/ds5bfj7v/27/

P粉752290033
P粉752290033

全部回复(1)
P粉745412116

您可以尝试这种 div 方法。

column 0
c0 r0
c0 r1
c0 r2
c0 r3
c0 r4
c0 r5
column 1
c1 r0
c1 r1
c1 r2
c1 r3
c1 r4
c1 r5
column 2
c2 r0
c2 r1
c2 r2
c2 r3
c2 r4
c2 r5
Sortable.create(document.getElementById('draggableDivTable'), { sort: true, handle: '.columnHeader', animation: 150 });

https://codepen.io/jlapinski/pen/ZXYERN

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!