JSFiddle - React, Tailwind, and code Playground
HTML
<table id="DescriptionValue" width="100%" cellpadding="0" cellspacing="0" class="rgview" dir="rtl">
<thead>
<tr>
<th style="width: 70px">h1</th>
<th style="width: 20px">h2</th>
<th style="width: 40px">h3</th>
<th style="width: 40px">h4</th>
<th style="width: 40px">h5</th>
<th style="width: 40px">h6</th>
<th style="width: 40px">h7</th>
<th style="width: 40px">h8</th>
<th style="width: 40px">h9</th>
<th style="width: 40px">h10</th>
<th style="width: 20px">
<img onclick="InsertRow_Target();" src="../../../General/Images/ContextPlus.png" />
</th>
</tr>
</thead>
<tbody>
<tr>
<td id="tdUnitName">
<input type="text" id="txUnitNameAutocomplete" style="width: 100%" placeholder="" />
</td>
<td id="tdtxShad">
<input type="text" id="txShad" style="width: 100%" disabled="disabled" />
</td>
<td id="tdtxBuy">
<input type="text" id="txBuy" style="width: 100%" />
</td>
<td id="tdtxSale">
<input type="text" id="txSale" style="width: 100%" />
</td>
<td id="tdtxSalePosiotn">
<input type="text" id="txSalePosiotn" style="width: 100%" />
</td>
<td id="tdtxRepresentative">
<input type="text" id="txRepresentative" style="width: 100%" />
</td>
<td id="tdtxTotal">
<input type="text" id="txTotal" style="width: 100%" />
...
JavaScript
$('#DescriptionValue ').attr('readonly','readonly')