JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" id="tbl">
<tr><td><img src="http://upload.wikimedia.org/wikipedia/commons/d/d6/Wikipedia-logo-v2-en.png"/></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td></tr>
</table>
<div id="coords"></div>

CSS

#tbl td {
    padding: 10px; 
    min-width: 10px;
    min-height: 10px;
}
.over {
    background-color: yellow;
}

JavaScript

$('img').draggable();
$('#tbl td').droppable({
    hoverClass: 'over',
    drop: function(event, ui) {
        var cell = ui.draggable.appendTo($(this)).css({
            'left': '0',
            'top': '0'
        });
        var row = cell.closest('tr').prevAll().length + 1;
        var col = cell.closest('td').prevAll().length + 1;
        $('#coords').html('Row ' + row + ', Col ' + col);
    }
});