<table id="dt-basic-example" class="table table-hover w-100" style="font-size: 11px;">
    <thead class="header bg-primary" style="color: #fff;">
        <tr>
            <th style="font-weight: bold;width: 5px;"></th>            
            <th style="font-weight: bold;">Type</th>
            <th class="text-right" style="font-weight: bold;">ACTION</th>
        </tr>
    </thead>

    <tbody>
    <?php
        $i = 0;
        $sql = $conn->prepare("SELECT * FROM `tbl_typesitem` ORDER BY itypeName ASC");
        $sql->execute();
        while($fetch = $sql->fetch()){
        $i++;
    ?>
        <tr>
            <td><?php echo $i; ?></td>
            <td><?php echo $fetch['itypeName']; ?></td>
            <td class="cell-icon text-right">
                <a href="gate?b=typeItm&t=<?php echo $fetch['item_type_id'];?>" class="edit_data"><i class="fa fa-edit"></i> Edit</a>|
                <a href="#" data-toggle="modal" data-target="#del<?php echo $fetch['item_type_id']; ?>" style="color: #ab3f3b"><i class="fa fa-trash-o"></i> Delete</span></a>
            </td>
        </tr>
    <?php
        include 'del_type.php';
        }
    ?>
    </tbody>                           
</table>