<style>
    .nodata{
        background-color: #72B4EC;
        color: white;
        border-radius: 13px;
        margin: 14px;
        font-size: 24px;
        text-align: center;
        padding: 5px;
    }

</style>
<table class="table table-black table-hover">
    <thead>
        <tr>
            <th style="widows: 5%">مسلسل</th>
            <th>اسم المنتج</th>
            <th>العدد</th>
        </tr>
    </thead>
    <tbody>
        {assign var=i value=1}
        {foreach $orderproducts as $data}
        <tr>
            <td>{$i}</td>
            <td>{$data->productName}</td>
            <td>{$data->productNo}</td>
        </tr>
        {assign var=i value=$i+1}
        {/foreach}

    </tbody>

</table>

