<table id="tb1">
<tbody>
<tr id="rr1" onclick="moveRowToFirst(this);"><td>No.1</td></tr>
<tr id="rr2" onclick="moveRowToFirst(this);"><td>No.2</td></tr>
<tr id="rr3" onclick="moveRowToFirst(this);"><td>No.3</td></tr>
<tr id="rr4" onclick="moveRowToFirst(this);"><td>No.4</td></tr>
</tbody>
</table>
<br><br>
<input type="button" value="NO.1" name="B3" onclick="moveRowToFirst(rr1);">
<input type="button" value="NO.2" name="B4" onclick="moveRowToFirst(rr2);">
<input type="button" value="NO.3" name="B5" onclick="moveRowToFirst(rr3);">
<input type="button" value="NO.4" name="B6" onclick="moveRowToFirst(rr4);"><script>
function moveRowToFirst(tr){
    tr.parentElement.parentElement.moveRow(tr.rowIndex, 0);
}
</script>