try something like this:<script language="javascript">
var dragElement;
function document.ondragstart()
{
  if (event.srcElement.tagName == "TD")
  {
dragElement = event.srcElement.parentElement;
  }
}function document.ondragend()
{
  dragElement = null;
}function ProcessDrop()
{
  if ( dragElement != null && event.srcElement.tagName == "TD" )
  {
var objRow =  event.srcElement.parentElement;
var newRow = objRow.parentElement.insertRow(objRow.rowIndex);
for (var i=0; i < dragElement.cells.length; i++)
{
var cell = newRow.insertCell();
cell.innerHTML = dragElement.cells[i].innerHTML;
} dragElement.parentElement.deleteRow(dragElement.rowIndex);
dragElement = null;
  }  
}
</script>
table 1:
<table border="1" cellspacing="0" cellpadding="0">
<tr><td>hello world1</td><td>beijing china</td></tr>
<tr><td>hello world2</td><td>beijing china</td></tr>
</table>table 2:
<table border="1" cellspacing="0" cellpadding="0" ondrop="ProcessDrop();" ondragenter="window.event.returnValue = false" ondragover="window.event.returnValue = false">
<tr><td>11111111111</td><td>b2222222</td></tr>
<tr><td>3333333333333</td><td>b2222222</td></tr>
<tr><td>44444444444</td><td>b2222222</td></tr>
<tr><td>555555555555</td><td>b2222222</td></tr>
</table>