JSFiddle - React, Tailwind, and code Playground

by Mohammed Sameer

HTML

<table>
			<tr class="tableRow" id="row1" draggable="true"  ondragstart="drag(event)"  ondrop="drop(event)" ondragover="allowDrop(event)">
				<td><input type="text" id="displayTextId1" class="displayTextClass" value="" editable="true" ></td>
				<td><input type="text" id="hyperlinkId1" class="hyperlinkClass" value="" editable="true" ></td>
			</tr>
			<tr class="tableRow" id="row2" draggable="true" ondragstart="drag(event)"  ondrop="drop(event)" ondragover="allowDrop(event)">
				<td><input type="text" id="displayTextId2" class="displayTextClass" value="" editable="true" ></td>
				<td><input type="text" id="hyperlinkId2" class="hyperlinkClass" value="" editable="true" ></td>
			</tr>
			<tr class="tableRow" id="row3" draggable="true" ondragstart="drag(event)"  ondrop="drop(event)" ondragover="allowDrop(event)">
				<td><input type="text" id="displayTextId3" class="displayTextClass" value="" editable="true" ></td>
				<td><input type="text" id="hyperlinkId3" class="hyperlinkClass" value="" editable="true" ></td>
			</tr>
		</table>

JavaScript

function allowDrop(ev) 
{

}
function drag(ev) 
{

}
function drop(ev) 
{
}