
<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;">Category</th>
            <th style="font-weight: bold;">Description</th>
            <th style="font-weight: bold;">Element</th>
            <th class="text-right" style="font-weight: bold;">Action</th>
        </tr>
    </thead>

    <tbody>
    <?php
        $i = 0;
        $sql=$conn->prepare("SELECT *FROM tbl_ictgs c
        INNER JOIN tbl_elements e ON e.elemid=c.elemi ORDER BY ictg_id ASC");
        $sql->execute();
        while($fetch = $sql->fetch()){
                
        $i++;
    ?>
        <tr>
            <td><?php echo $i;?></td>
            <td><?php echo $fetch['ctgi_name']; ?></td>            
            <td><?php echo $fetch['ctgdesc']; ?></td>
            <td><?php echo $fetch['elemName']; ?></td>
            <td class="cell-icon text-right">
                <a href="gate?b=ctgi&c=<?php echo $fetch['ictg_id'];?>" class="edit_data"><i class="fa fa-edit"></i> Edit</a>|
                <a href="#" data-toggle="modal" data-target="#del<?php echo $fetch['ictg_id'];?>" style="color: #ab3f3b"><i class="fa fa-trash-o"></i> Delete</span></a>
            </td>
        </tr>
    <?php
    include 'delctgi.php';
        }
    ?>
    </tbody>                           
</table>