 <style type="text/css">
 	.iicontrol {
 		text-align: center !important;
 	}
 </style>

<table class="table table-bordered table-sm w-100"> 

<thead>
	<tr style="width:100%;">
		<th class="text-center">#</th>
		<th>Name</th>
		<th class="text-center">Cl.Qty</th>
		<th class="text-center">Cl.Amt</th>
		<th class="text-center">Rate</th>
		<th class="text-center">Qty</th>
		<th class="text-center">Amt</th>
		<th class="text-center">Del</th>
	</tr>
</thead>
 
<tbody>
  {{#records}}
	    <tr id="irow_{{seq}}">
		    <td style="width:5%" class="text-center">{{seq}}</td>
			<td style="width:30%"><span>{{name}}</span></td>
			<td style="width:10%;" class="text-center">
                  <span class="col-9 p-0 pt-1" id="netqty_{{seq}}" seq="{{seq}}">{{netqty}}</span>
            </td>
			<td style="width:10%;" class="text-center">
                  <span class="col-9 p-0 pt-1" id="netcbal_{{seq}}" seq="{{seq}}">{{disp_netcbal}}</span>
            </td>
			<td style="width:10%;" class="text-center">
				<input class="form-control form-control-sm irate iicontrol" id="irate_{{seq}}" value="{{rate}}" seq="{{seq}}" 
					prev="_evaluate" next="iqty_{{seq}}" />
			</td>
			<td style="width:10%;" class="text-center">
				<input class="form-control form-control-sm iqty iicontrol" id="iqty_{{seq}}" value="{{qty}}" seq="{{seq}}" 
					onfocusout="updateItemQty({{seq}})" prev="irate_{{seq}}" next="idel_{{seq}}" />
			</td>
			<td style="width:10%;" class="text-center">
                  <span class="col-9 p-0 pt-1" id="namt_{{seq}}" seq="{{seq}}">{{disp_namt}}</span>
            </td>
			<td style="width:5%" class="text-center">
			    <button id="idel_{{seq}}" seq="{{seq}}" class="btn btn-sm btn-outline-danger idel iicontrol" 
			    	onclick="return handleButtonEntry('click', '', '{{seq}}');" prev="iqty_{{seq}}" next="_evaluate">
			   		<i class="fa-solid fa-trash"></i>
			   	</button> 
		    </td>
	    </tr>
  {{/records}}
 </tbody>
 
 </table>	