Can you please help with this issue. Find the fiddle code here:
jsfiddle.net/srikanthsvr82/mZc7V/4
What is happening is when I'am dragging a row the dragged row is in full width and looks good but the other rows shrink/column width reduces. I have been trying all options as u can see in the commented code but none is working:
/*
start: function(event, ui){
ui.placeholder.width(ui.item.width()).height(ui.item.height());
},
helper: function(e, tr){
tr.children().each(function() {
$(this).width($(this).width());
});
return tr;
$("td").each(function () {
$(this).css("width", $(this).width());
});
var $originals = tr.children();
var $helper = tr.clone();
$(tr.parent()).find('tr').each(function(index){
$('td', this).each(function(index){
$(this).css('width', $helper.eq(index).width());
});
});
$helper.children().each(function(index){
//Set helper cell sizes to match the original sizes
$(this).width($originals.eq(index).width());
});
return $helper;
}
*/
Can anyone please suggest the solution.