JSFiddle - React, Tailwind, and code Playground

HTML

<table id="items">
    <tr>
        <td>line 1a</td>
        <td>line 1b</td>     
        <td>line 1c</td>
        <td>line 1d</td>
        <td>line 1e</td>
        <td><a href="#" data-row="0">edit</a></td>
    </tr>
    <tr>
        <td>line 2a</td>
        <td>line 2b</td>     
        <td>line 2c</td>
        <td>line 2d</td>
        <td>line 2e</td>
        <td><a href="#" data-row="1">edit</a></td>
    </tr>
    <tr>
        <td>line 3a</td>
        <td>line 3b</td>     
        <td>line 3c</td>
        <td>line 3d</td>
        <td>line 3e</td>
        <td><a href="#"data-row="2">edit</a></td>
    </tr>
</table>
<hr />
<input name="rowa" />
<input name="rowb" />
<input name="rowc" />
<input name="rowd" />
<input name="rowe" />

CSS

table td { border: 1px solid #555; padding: 5px;}
input { display: inline-block; width: 70px; }

JavaScript

$('a').click(function(){
    var k = $(this).data('row');
    $('input[name="rowa"]').val(document.getElementById('items').rows[k].cells[0].innerHTML);
    $('input[name="rowb"]').val(document.getElementById('items').rows[k].cells[1].innerHTML);
    $('input[name="rowc"]').val(document.getElementById('items').rows[k].cells[2].innerHTML);
    $('input[name="rowd"]').val(document.getElementById('items').rows[k].cells[3].innerHTML);
    $('input[name="rowe"]').val(document.getElementById('items').rows[k].cells[4].innerHTML);
});

$('input[name="rowe"]').val(document.getElementById('items').rows[2].cells[1].innerHTML);