JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <input type='text' value='change me' />
        </td>
        <td>
            <input type='text' value='change me2' />
        </td>
        <td>
            <input type='button' value='revert' onclick='revert(this)'/>
        </td>
    </tr>
    <tr>
        <td>
            <input type='text' value='change me3' />
        </td>
        <td>
            <input type='text' value='change me4' />
        </td>
        <td>
            <input type='button' value='revert' onclick='revert(this)'/>
        </td>
    </tr>
</table>

CSS

table, td, tr {
    border: 1px solid black;
}

JavaScript

function revert(btn) {
    var parentTr = btn.parentNode.parentNode;
    var inputs = parentTr.getElementsByTagName('input');
    for(var i = 0; i < inputs.length; i++) {
        if (inputs[i].type == 'text') {
            inputs[i].value = inputs[i].getAttribute('data-original');
        }
    }
}
// generate the data-original based on the initial data
var ipts = document.getElementsByTagName('input');
for(var i = 0; i < ipts.length; i++) {
    if (ipts[i].type == 'text') {
        ipts[i].setAttribute('data-original', ipts[i].value);
    }
}