🧐[DragSortTable] 在嵌套表格下如何使用

[sdmu-gaoqi]

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🧐 问题描述

DragSortTable 在data格式是嵌套数据时 一级以下的数据不能进行拖拽 想问一下 有没有办法支持

复现仓库

https://github.com/sdmu-gaoqi/proComponent-table

[sdmu-gaoqi]

@chenshuai2144 大佬 这个组件目前有支持这种场景吗

[chenshuai2144]

在嵌套表格下使用 DragSortTable，你需要按照以下步骤进行操作：

1. 首先，确保你已经引入了 DragSortTable 组件，可以通过查看示例中的引入代码来确认。

2. 在你的嵌套表格中，找到需要启用拖拽排序功能的表格行。这些行应该是你希望用户可以通过拖拽来重新排序的行。

3. 为这些表格行添加一个特定的 class 或者其他标识符，以便后续在 JavaScript 中进行选择。你可以将这个标识符添加到行的属性或者类名中。

4. 在你的 JavaScript 代码中，找到对应的嵌套表格和需要启用拖拽排序的行。你可以通过选择器或者其他方式来获取它们。

5. 使用 DragSortTable 实例化一个新的对象，并传入相关的参数。这些参数可以包括表格元素或选择器、行标识符等。

6. 调用 DragSortTable 对象的方法，来启用拖拽排序功能。这些方法应该包括绑定拖拽事件、更新表格顺序等。

7. 最后，你可能需要添加一些样式来显示拖拽排序的效果，比如改变被拖拽元素的颜色、改变排序后的位置等。

以上是嵌套表格下使用 DragSortTable 的基本步骤，根据你的具体情况进行相应的调整和扩展。希望对你有所帮助！

[chenshuai2144]

没有做过实验诶，你可以试试，我觉得不太行，ai的方式我也试了试不太行

[ttang1024]

children 形式ColumnGroup，排序不能生效