<div class="row">
    <div class="col-lg-12">
        <table class="table table-striped table-bordered table-hover dataTableClass">
            <thead>
                <tr>
                    <th>م</th>
                    <th>السيريال</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                <!-- Serial data will be loaded here via AJAX -->
                 {assign var="i" value=1}
                {foreach $productSerials as $ser}
                <tr>
                    <td>{$i}</td>
                    <td>{$ser.serialnumber}</td>
                    <td>
                        <a href="productserailreportController.php?do=show&productserailid={$ser.productserailid}" target="_blank" class="btn btn-info">عرض</a>
                    </td>
                </tr>
                 {assign var="i" value={$i+1}}
                 {/foreach}
            </tbody>
        </table>
    </div>
</div>