角可拖/可放表格行

时间:2018-07-31 11:30:23

标签: angular draggable droppable

我正在Angular中使用此插件进行日历中的事件拖放,效果很好: https://www.npmjs.com/package/angular-draggable-droppable

我在表上使用相同的插件来拖放以重新排序行。但是,它并没有像这样的效果,如果我们将行移到表格行的上方/下方,则表格行应在拖动时上下移动。

<table mwlDroppable (drop)="arrange()">
<tr mwlDraggable><td>Name A</td><td>input field here</td></tr>
<tr><td>Name B</td><td>input field here</td></tr>
<tr><td>Name C</td><td>input field here</td></tr>
</table>

1 个答案:

答案 0 :(得分:0)

以下是使用ng2-dnd引用此表的详细拖放操作的链接。

angular 6 dnd