<hr>
<div class="my-2 p-2 bg-light shadow-sm">
    <div class="d-flex justify-content-between">
        <div>
            2017 Class list of Geography form 1 Term 1
        </div>
        <div>
            <button class="btn btn-danger">
                Deregister
            </button>
        </div>
            
    </div>
</div>
<div class="py-4">
    <table class="table p-2" id="deregister_students_from_subject_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>

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