JSFiddle - React, Tailwind, and code Playground

HTML

<table id='tbl'>
    <tr>
        <td>text</td>
        <td>text</td>
        <td>text</td>
    </tr>
</table> 
<button onclick="toggleState('tbl')">toggle</button>

CSS

td{
    border:1px solid #ccc;
}
table[contenteditable="true"] td{
    border:1px solid #f00;
}

JavaScript

function toggleState($a){
    var b = 'tr#'+a;
      $(b).attr('contenteditable', 'true');
  }