Как реализовать функцию перетаскивания из TreeTable в Turbo Table и обратно в простом угловом режиме?

Question

Я хочу реализовать функцию перетаскивания туда-сюда из TreeTable в Turbo Table и наоборот в простом угловом положении.

Я просмотрел документацию PrimeNg, но, к сожалению, они ничего не написали о функции перетаскивания для таблицы дерева. Поэтому я посмотрел на функцию перетаскивания таблицы и попытался работать с ней безуспешно.

Я добавил следующий код (вставленный здесь фрагмент, а не полный код) для p-treeTable. Я добавил свойства draggableNodes = "true" и droppableNodes = "true", как указано в документации "tree" drag n drop. Обратите внимание, что нет документации о том, как drag n drop будет работать для «древовидной таблицы».

<p-treeTable #tt [value]="testData" [scrollable]="true" scrollHeight="400px" scrollWidth="300px" 
                        [globalFilterFields]="['label','dataId']" draggableNodes="true" droppableNodes="true">

Я добавил следующее для моей турбо таблицы в PrimeNg.

 <p-table [value]="dataFile" [scrollable]="true" scrollHeight="400px">
                        <ng-template pTemplate="header" class="ui-md-6">
                            <tr pDroppable="testData">

Я добавил свойство pDroppable в <tr>, поскольку хочу перетащить элемент из таблицы дерева и поместить его в строку в турбо-таблице.

1. Я хотел бы перетащить элемент из дерева и затем перетащить его на турбо стол.
2. Я хотел бы перетащить элемент из турбо-таблицы и бросить его на древовидный стол.
3. Если я перетаскиваю заголовок древовидной таблицы и пытаюсь отбросить его, я хочу открыть новый модал для события перетаскивания. (Эта часть не является обязательной. Однако мне действительно нужна помощь с первыми 2).