Currently working on dragging and dropping of td in table using jquery ui. 

There are 3 columns and 3 rows in table.

1. In 1st case, In Last column if we drag any cell and drop it in same column it can be clone and drop in same column by creating new row and rowspan with other td in above tr

2. In 2nd case , If drag cell from 2nd column then it will drag that cell and right closest cell by cloning and drop by creating new row and rowspan with other td in above tr.

3. In 3rd case , If drag cell from 1st column then it will drag and clone whole row and drop it.

I had done with the first case. But not able to find the solution for 2nd and 3rd case.

Please find the below link for your reference.

http://jsfiddle.net/mandarthorat/9jz5mku8/

Thanking You,

Regards,

Mandar