<table class="table table-bordered">
    <thead>
        <tr>
            <th>#</th>
            <th>اسم المنتج</th>
            <th>رقم المنتج</th>
            <th>الباركود</th>
        </tr>
    </thead>
    <tbody>
        {assign var="i" value=1}
        {foreach $allPro as $pro}
        <tr>
            <td>{$i}</td>
            <td>{$pro.productName}</td>
            <td><input type="number" name="productId{$i}" class="updateThis" data-col="productId" data-itr="{$i}"
                    id="productId{$i}" data-val="{$pro.productId}" value="{$pro.productId}" /> </td>
            <td><input type="text" name="parcode{$i}" class="updateThis" data-col="parcode" data-itr="{$i}"
                    id="parcode{$i}" data-val="{$pro.parcode}" value="{$pro.parcode}" /></td>
        </tr>
        {assign var="i" value=$i+1}
        {/foreach}
</table>

{literal}
<script>
   
</script>
{/literal}