JSFiddle - React, Tailwind, and code Playground
HTML
<table width="79%" height="347" class="month" style="width:100%; height:150px; border:1" >
<tr><td width="7%" bgcolor="#99CCCC" ><p align="center"><strong>ORDRE</strong></p></td><td width="13%" bgcolor="#99CCCC" ><p align="center"><strong>LIBELLE</strong></p></td><td width="10%" bgcolor="#99CCCC" ><p align="center"><strong>MONTANT INITIAL</strong></p></td><td width="10%" bgcolor="#99CCCC" ><p align="center"><strong>MONTANT IMPUTÉ</strong></p></td><td width="10%" bgcolor="#99CCCC" ><p align="center"><strong>MONTANT RESTANT</strong></p></td><td width="10%" bgcolor="#99CCCC" ><p align="center"><strong>CABINET</strong></p></td><td width="10%" bgcolor="#99CCCC" ><p align="center"><strong>CLIENT</strong></p></td></tr>
<tr>
<td bgcolor="#FAFAFA"> <input name="ordre_principal" type="text" id="ordre_principal" value="1" size="3" readonly="readonly" /></td>
<td bgcolor="#FAFAFA"><p align="center">PRINCIPAL</p>
</td>
<td bgcolor="#FAFAFA"><input name="principal" type="hidden" id="m1" value="3654.58" readonly="readonly" /><input name="a1" type="text" id="a1" value="3654.58" size="10" />
</td>
<td bgcolor="#FAFAFA"><input type="text" id="r1" size="10" /></td>
<td bgcolor="#FAFAFA"><input type="text" name="principal_s" id="p1" value="3654.58" class="items" size="10" /></td>
<td bgcolor="#FAFAFA"> <input type="text" id="nprincipal" name="nprincipal" size="10" /></td>
<td bgcolor="#FAFAFA"> <input type="text" id="vprincipal" name="vprincipal" size="10" /></td>
</tr>
<tr>
<td bgcolor="#FAFAFA"><input name="ordre_interets" type="text" id="ordre_interets" value="2" size="3" readonly="readonly" /></td>
<td bgcolor="#FAFAFA"><p align="center">INTÉRÊTS</p>
</td>
<td bgcolor="#FAFAFA"><input name="interets" type="hidden" id="m2" value="3.00" readonly="readonly" /><input name="interets" type="text" id="a2" value="3.00" size="10" readonly="readonly" />
</td>
<td bgcolor="#FAFAFA"><input...