JSFiddle - React, Tailwind, and code Playground

HTML

<tr class="text-center">
  <th>ID</th>
  <td>
    <div class="form-control" contenteditable="true">Текст 1</div>
  </td>
  <td>
    <div class="form-control" contenteditable="true">Текст 2</div>
  </td>
  <td>
    <div class="form-control" contenteditable="true">Текст 3</div>
  </td>
  <td>
    <div class="form-control" contenteditable="true">Текст 4</div>
  </td>
  <td>
    <div class="form-control" contenteditable="true">Текст 5</div>
  </td>
  <td class="d-flex flex-row align-items-center justify-content-center">
    <button class="upd btn btn-primary me-1">&uparrow;</button>
    <button class="del btn btn-primary btn-close me-1"></button>
  </td>
</tr>

JavaScript

document.addEventListener('click', event => {
  if (event.target.contentEditable == 'true') {
    document.execCommand('selectAll', false, null)
  }
})