JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th></th>
        <th>Option 1</th>
        <th>Option 2</th>
        <th>Option 3</th>
        <th>Option 4</th>
        <th>Option 5</th>
    </tr>
    <tr>
        <td>Money</td>
        <td>
            <input />
        </td>
        <td>
            <input />
        </td>
        <td>
            <input />
        </td>
        <td>
            <input />
        </td>
        <td>
            <input />
        </td>
    </tr>
    <tr>
        <td>Miles</td>
        <td>
            <input />
        </td>
        <td>
            <input />
        </td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td>Extra Miles</td>
        <td>
            <input />
        </td>
        <td>
            <input />
        </td>
        <td></td>
        <td></td>
        <td>
            <input />
        </td>
    </tr>
    <tr id="cal1">
        <td>Cal 1</td>
        <td></td>
        <td></td>
        <td></td>
        <td>
            <input />
        </td>
        <td></td>
    </tr>
    <tr id="cal2">
        <td>Cal 2</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

CSS

table {
    border: 1px solid;
}
td {
    border: 1px solid;
    background: #888;
}

JavaScript

$(document).ready(function () {
    $('input').keyup(function () {
        cal(this);
        cal2(this);
    });
});

function cal(obj) {
    var cal1, result;
    cal1 = parseFloat(obj.value);

    result = cal1 - 100;
    var tdPos = $(obj).parent().index();

    $('#cal1').find('td:eq(' + tdPos + ')').html("£" + result);
}

function cal2(obj) {
    var cal1, result;
    cal1 = parseFloat(obj.value);

    result = cal1 - 1000;
    var tdPos = $(obj).parent().index();

    $('#cal2').find('td:eq(' + tdPos + ')').html("£" + result);
}