JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table-responsive">
	<table class="table table-hover" table="calculasinal">
		<tr>
		<th>Descrição</th>
		<th>Ato /A vista</th>
		<th>Para 30 dias</th>
		<th>Para 60 dias</th>
		<th>Total</th>	
		</tr>
								
                <tr>
		<td id="td-coordenacao1">Coordenação</td>
										
		<td><input type="text" id="coordenacao11"  name="coordenacao11[]" mask="#00.000.000.000.000,00"></td>
		<td ><input type="text" id="coordenacao12"  name="coordenacao12[]" mask="#00.000.000.000.000,00"></td>
		<td><input type="text"  name="coordenacao13[]"	mask="#00.000.000.000.000,00" readonly></td>
                <td ><input type="text" name="totalcoord[]"></td>
		</tr>
        </table>
</div>