
<div class="content mt-3">
    <div class="col-sm-12 col-lg-12">
        <p class="">
            
            <form style="display: inline;">
                <div class="input-group">
                    <button class="btn btn-primary mr-4">
                        Get template
                    </button>
                    
                    <input class="form-control" type="file" name="add_Staffs_excel">
                    <button class="input-group-append btn btn-primary">Submit</button>
                </div>
            </form>
        </p>

        <div class="py-4 px-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>