how to make Tree table Droppable

how to make Tree table Droppable

Hi All,

I am working on SAP FIori application using jQuery.

Requirement: We are working on DRAG and DROP functionality in Fiori application. Drag and Drop between a Tree Table and List.

I am trying to make a Tree Table Droppable as a normal Table,

 

    $("#mainTreeTable .dataSource").droppable({

     drop: function(event, ui) {

     ..}

....});

 

but its not recognized as Droppable. Debugger does nto stop in DROP function at all.

 

Please suggest, how to make a Treetable Droppable.

 

Regards,

Nagaraju A