
<div class="content mt-3">
    <div class="col-sm-12 col-lg-12 card">
       <div class="card-header bg-light text-center">
            2020 class list for Biology form 1 term 2
        </div>

        <div class=" card-body p-2">
            <table class="table" id="gesc_table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Student Id Number</th>
                        <th>Gender</th>
                        <th>Current Form</th>
                        <th>Enrollment Year</th>
                        <th>Status</th>
                       
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Mwenewezi Chanika</td>
                        <td>10003</td>
                        <td>M</td>
                        <td>1</td>
                        <td>2012</td>
                        <td>Active</td>
                    </tr>
                </tbody>
            </table>
        </div>

    </div>
</div>
        
<script>  
 $(document).ready(function(){  
    if(document.getElementById("gesc_table")!==null){
      $('#gesc_table').DataTable({
        
      });
    }
 });  
 </script>