jquery - draggable helper going behind table in jqgrid -


i have been using jquery draggable rows has been implemented jqgrid.but when item dragged drag helper not going out of table boundary. can drop item. helper item not showing outside table during drag process.

how can make possible show helper on top of jqgrid table?

code snippet:-

$(document).ready(function(){            var dragtext='';     $("#list2 tr").draggable({                               helper:helptext,             cursor : 'move',             revert : 'invalid'     });     function helptext(){             $("#tree li span").droppable();             console.log('drag');            dragtext=$(this).find("td:nth-child(5)").text();             return'<div id="draggablehelper">' + dragtext + '</div>';     }; }); 

enter image description here

you need helper div appended html body (or other containment area want) float around anywhere in containment area.

a sample code:

$("#list2 tr").draggable({     helper: function () {         return jquery(this).clone().appendto('body').css({             'zindex': 5         });     },     cursor : 'move',     revert : 'invalid' }) 

Comments

Popular posts from this blog

php - Submit Form Data without Reloading page -

linux - Rails running on virtual machine in Windows -

php - $params->set Array between square bracket -