JSFiddle - React, Tailwind, and code Playground

by ppgab

HTML

<table>
    <tr>
        <td>aaaaa
        </td>
        <td>aaaaa
        </td>
    </tr>
    <tr>
        <td>bbbbb
        </td>
        <td>bbbbb
        </td>
    </tr>
    <tr>
        <td>ccccc
        </td>
        <td>ccccc
        </td>
    </tr>
    <tr>
        <td>ddddd
        </td>
        <td>ddddd
        </td>
    </tr>
</table>

JavaScript

document.body.querySelector('tbody').addEventListener('click', e => {
	e.preventDefault();
  if (e.target.tagName === 'TD') {
    if(e.ctrlKey){
    	//Select row logic here
    	if (document.selection){
        document.selection.empty();
      }else if (window.getSelection){
        window.getSelection().removeAllRanges();
      }
    }
  }
})