drag and drop problem with different size of table rows

See more:

jQuery

My code is something like below,it is working for drag and drop.but draggable row size is bigger than droppable row size its not working..can you tell me how to over come on this problem.

$(".Termtr").draggable({
               helper: function(event, ui) {
                   var ret = jQuery(this).clone();
                   var width = jQuery(this)[0].offsetWidth;
                   var myHelper = [];
                   myHelper.push('<table style="width:' + width + 'px;">');
                   myHelper.push(ret.html());
                   myHelper.push('</table>');
                   helper = myHelper.join('');
                   return helper;
               },
               axis: 'y',
               revert: "invalid",
               refreshPositions: true
           });
           $(".Termtr").droppable({
               accept: ".Termtr",
               drop: function(event, ui) {
                   alert($(this));
                   var draggable = ui.draggable, droppable = $(this);
                   var Status1 = $(droppable).data('status');
                   var Status2 = $(draggable).data('status');
                   if (Status1 == Status2) {
                       draggable.swap(droppable);
                   }
               }
           });