JSFiddle - React, Tailwind, and code Playground

HTML

<table id="inputsTable">
    <tr>
        <td><input class="td_in" type="number" /></td>
        <td><input class="td_in" type="number" /></td>
        <td><input class="td_out" type="number" /></td>
        <td><input class="td_in" type="number" /></td>
    </tr>
     <tr>
        <td><input class="td_in" type="number" /></td>
        <td><input class="td_in" type="number" /></td>
        <td><input class="td_in" type="number" /></td>
        <td><input class="td_out" type="number" /></td>
    </tr>
     <tr>
        <td><input class="td_in" type="number" /></td>
        <td><input class="td_out" type="number" /></td>
        <td><input class="td_in" type="number" /></td>
        <td><input class="td_out" type="number" /></td>
    </tr>
</table>

JavaScript

$(document).on('keypress', 'input', function (e) {
    if( e.which == 13 ){
        var inputs = $("#inputsTable input");
        var the_index = inputs.index(this);        
        inputs[the_index+1].focus();
    }
    
});