JSFiddle - React, Tailwind, and code Playground

HTML

<table id="dataTable">
  <tr><td>1a</td><td>2a</td><td>3a</td><td>4a</td><td>5a</td></tr>
  <tr><td>1b</td><td>2b</td><td>3b</td><td>4b</td><td>5b</td></tr>
  <tr><td>1c</td><td>2c</td><td>3c</td><td>4c</td><td>5c</td></tr>
</table>

CSS

td {
  padding: .5em;
  outline: solid 2px lightgray;
}

JavaScript

document.querySelector('#dataTable tbody').addEventListener('click', function(e){
	var tag = e.target.tagName
  if (tag == 'TD') {
  	console.log(e.target.innerHTML)
  }
})