JSFiddle - React, Tailwind, and code Playground

by seefeld

HTML

<table class="GraviTable">
        <tbody>
            <tr class="HeaderDesc nth-0 first-child">
                <td class="nth-0 first-child">&nbsp;</td>
                <td class="nth-1">Week 1</td>
                <td class="nth-2">Week 2</td>
                <td class="nth-3">Week 3</td>
                <td class="nth-4">Week 4</td>
                <td class="nth-5">Week 5</td>
                <td class="nth-6 last-child">Month Avarage</td>
            </tr>
            <tr class="TotalWght nth-1">
                <td class="nth-0 first-child"> Total Weight </td>
                <td class="nth-1"><input type="text" class="column-0-top">
                    kg</td>
                <td class="nth-2"><input type="text" class="column-1-top">
                    kg</td>
                <td class="nth-3"><input type="text" class="column-2-top">
                    kg</td>
                <td class="nth-4"><input type="text" class="column-3-top">
                    kg</td>
                <td class="nth-5"><input type="text" class="column-4-top">
                    kg</td>
                <td class="nth-6 last-child">&nbsp;</td>
            </tr>
            <tr class="itemTr nth-2">
                <td class="itemTd nth-0 first-child"><input type="hidden" name="ctl00$PageContent$MaterialRepeater$ctl01$MaterialID" id="ctl00_PageContent_MaterialRepeater_ctl01_MaterialID" value="15104">
                    <span id="ctl00_PageContent_MaterialRepeater_ctl01_Material">15104 C &amp; D Inert - Lower L/F Tax Loose</span></td>
                <td class="itemTd nth-1"><label>
                        <input type="text" name="ctl00$PageContent$MaterialRepeater$ctl01$Week1" id="ctl00_PageContent_MaterialRepeater_ctl01_Week1" class="product-0 column-0">
                        kg</label> <label class="perc"><input type="text" class="short product-perc-0 column-perc-0" readonly="readonly"> %</label></td>
                <td class="itemTd nth-2"><label>
                       ...