jQuery - drag&drop on table rows

I'm looking to find out a way to drag and drop table rows between two tables. I reused jQuery example for portlets , but that did not work to full satisfaction.

In above screen shot I added border, but that is just for illustration of the issue. Problems:As you will see from the code I have to work with relative measurement there for I use percentage. I wasn't able to enforce row width to fill in whole table. How do I force full row width?
Drag-able row are part of table body (tbody) and headers are done with thead. In this scenario I enforced same style settings on header as body and everything is now squashed to the left. If I leave styling out of header then first header stretches over whole tdody content and second is out of place over nothing. Sort of bad designed table when you forget one column. This become a big issue if there is more then 2 items in a row, for example 4 column in tbody get squashed under one thead column even though there are 4 headers to align under it.

I will be grateful if anybody can advice on this. Or perhaps provide more reliable solution.

Unfortunately for me there isn't much we can do about dragging row from table to another table.

I found this jQuery plugin jqGrid (open latest release and check Drag and Drop Rows) which performs well with simple HTML document, however it fails to cooperate with Velocity templates which are mandatory to our project. Hopefully somebody with lesser requirements can reuse this