JSFiddle - React, Tailwind, and code Playground

HTML

<table>
		<tr>
			<td>item 1.1</td>
			<td>item 1.2</td>
			<td>item 1.3</td>
            <td>item 1.4</td>
		</tr>
		<tr>
			<td>item 2.1</td>
			<td>item 2.2</td>
			<td>item 2.3</td>
            <td>item 2.4</td>
		</tr>
		<tr>
			<td>item 3.1</td>
			<td>item 3.2</td>
			<td>item 3.3</td>
            <td>item 3.4</td>
		</tr>
		<tr>
			<td>item 4.1</td>
			<td>item 4.2</td>
			<td>item 4.3</td>
            <td>item <strong>4.4</strong></td>
		</tr>
		<tr>
			<td>item 5.1 </td>
			<td>item 5.2</td>
			<td>item 5.3</td>
            <td>item 5.4</td>
		</tr>
	</table>

CSS

tr:hover { cursor: pointer; background-color: #D8E8ED}

JavaScript

NodeList.prototype.forEach = Array.prototype.forEach; 
document.querySelectorAll('tr').forEach(function(el){
    el.addEventListener('dblclick', function(e){
        alert('textConent : ' + this.querySelectorAll('td')[3].textContent + '\n' +
              'innerHTML : ' + this.querySelectorAll('td')[3].innerHTML);
        this.parentNode.removeChild( this);
    }, false)
})