JSFiddle - React, Tailwind, and code Playground

HTML

<table class="stripeMe" cellpadding="0" cellspacing="0" width="100%">
    <tbody>
       
        <tr>
            <th>
                BEVERAGES
            </th>
            <th style="text-align: center;">
                02/6
            </th>
            <th style="text-align: center;">
                02/7
            </th>
            <th style="text-align: center;">
                02/8
            </th>
            <th style="text-align: center;">
                02/9
            </th>
            <th style="text-align: center;">
                02/10
            </th>
            <th style="text-align: center;">
                02/11
            </th>
            <th style="text-align: center;">
                02/12
            </th>
            <th style="text-align: center;">
                Total
            </th>
        </tr>
        <tr>
            <td>
                SKIM MILK
            </td>
            <td style="text-align: center;">
                <input type="text" style="text-align: center;" size="3" class="sum" id="67|2/6/2011"
                name="67|2/6/2011" value="0" />
            </td>
            <td style="text-align: center;">
                <input type="text" style="text-align: center;" size="3" class="sum" id="67|2/7/2011"
                name="67|2/7/2011" value="4" />
            </td>
            <td style="text-align: center;">
                <input type="text" style="text-align: center;" size="3" class="sum" id="67|2/8/2011"
                name="67|2/8/2011" value="10" />
            </td>
            <td style="text-align: center;">
                <input type="text" style="text-align: center;" size="3" class="sum" id="67|2/9/2011"
                name="67|2/9/2011" value="5" />
            </td>
            <td style="text-align: center;">
                <input type="text" style="text-align: center;" size="3" class="sum" id="67|2/10/2011"
                name="67|2/10/2011" value="10" />
            </td>
     ...

CSS

input { width: 30px; }

JavaScript

$('tr:last').find('input').each(function() {
    var pos = $(this).closest('td').prevAll().length;
    var tot = 0;
    var that = this;
    var temp = $(this).closest('tr').prevAll().find('td:eq(' + pos + ')').find('input').each(function() {
        tot += +$(this).val();
        $(that).val(tot);
    });
});