JSFiddle - React, Tailwind, and code Playground

HTML

<table id='temp' border=1>
<col width="50">
<tbody>
    <tr>
    <td>Mayank</td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    <tr>
    <td></td>
    <td>11</td>
    </tr>
    </tbody>
    <tfoot>
<tr>
    <td>Total</td>
    <td>162</td>
</tr>
    </tfoot>
</col>
</table>

JavaScript

var emptytd = $("tbody tr td:first-child:empty").length;
$('tbody tr td:first-child:not(:empty)').last().attr('rowspan', emptytd+1);
$("tbody tr td:first-child:empty").each(function(){
    $(this).remove();
});