css - 如何在表格行内创建一个拖放包装器，它可以代表整行

Question

当我在 Vaadin 中使用 treetable 时，单击左右空白区域时，它可以正常拖放整行。但这不是用户友好的，我想在行内创建一个可拖动的布局，比如说每行的第一个组件，当单击它时，整行被选中并且可以拖放以重新排序。

问题是我可以使用包装器创建垂直布局，但拖动模式仅适用于其组件或包装器本身，并且在执行拖动操作时，它实际上并没有显示整行正在移动，这可能会混淆客户。我该怎么做才能让它看起来像是在拖动整行，类似于你拖动每一行的空白区域？谢谢。

Answer 1

恐怕目前没有办法添加一个可以扩展整行而不是一个单元格的包装器。为此，您需要扩展 Table (VScrollTable) 的客户端实现，我不建议这样做，因为它非常复杂。

我确实认为您所描述的内容在核心 Vaadin 中应该是可能的（不使用拖放包装器），所以您能否在dev.vaadin.com提交一张票？请附上一个显示问题的小应用程序，以便我们更轻松地查看问题并解决问题。

无论如何，为了让你今天能正常工作，我建议你稍微改变你的 UI 设计，例如从 iOS 借用拖动手柄。我的意思是，您可以在第一个单元格（或每行的行标题单元格）中添加一个建议“可拖动”作为背景图像的图标，以鼓励用户在那里抓取“空行” "和拖动作品。这样，如果拖动仅在行的某些部分可靠地工作，用户可能不会太困惑。