I have a problem which is a bit hard to describe. I have 3 columns of sortable divs which are connected to each other and I can sort items within each column and drag any item to other columns. (Just like the portlet example in jQuery UI demos). I also have a table on the same page which displays tabular data. I don't want the rows of the table to be sortable, however I want to be able to drag any row of the table and drop it on one of the sortable columns as if it is one of the sortable divs.

I don't want simple drag&drop on the columns for that, I want to be able to position the dragged element between other sortable elements, just like dragging a regular sortable. (With placeholder, explicitly positioning the dragged element within the list)

In short, after the user tries to drag a row from the table, I want a helper which looks like the sortable divs, and which can be positioned within other sortables.

I'll appreciate any ideas on how to do this.

Thanks,

Erdinc