<hr>
<div class="my-2 p-2 bg-light shadow-sm">
    <p>Register Students to:</p>
    <div class="row">
        <div class="col-6 col-sm-3 col-md-3 col-lg-3">
            <select class="form-control">
                <option selected disabled>Choose Subject</option>
                <option>Biology</option>
                
            </select>
        </div>
        <div class="col-6 col-sm-2 col-md-2 col-lg-2">
            <select class="form-control">
                <option selected disabled>Term</option>
                <option>1</option>
                <option>2</option>
                <option>3</option>
            </select>
        </div>
        <div class="col-4 col-sm-4 col-md-4 col-lg-4">
            <button class="btn btn-primary">
                Register
            </button>
        </div>
            
    </div>
</div>
<div class="py-4 px-2">
    <table class="table" id="scr_students_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("scr_students_table")!==null){
      $('#scr_students_table').DataTable({
        
      });
    }
        
 });  
 </script>