<style>
#student {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#student td, #student th {
  border: 1px solid #ddd;
  padding: 5px;
  
}

#student td{
    font-size:8px;
}

#student tr:nth-child(even){background-color: #f2f2f2;}

#student tr:hover {background-color: #ddd;}

#student th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
  
}
</style>
<div class="container">
<div class="row">
<div class="col-sm-12">
     <div class="table-responsive ">
                <table class="table table-bordered table-striped" id="student">
                    <thead>
                         
                        <tr>
                            <th>#</th>
                            <th>Name</th>
                            <th>Father Name</th>
                            <th>Mobile No.</th>
                            <th>Class</th>
                        </tr>
                    </thead>
                    <tbody>
                      <?php 
                        $count=0;
                        $table='student';
                         $get_student_data=$this->StudentModel->get_student($table);
                            if($get_student_data){
                             foreach($get_student_data as $get_student){
                                  $count=$count + 1;
                             
                         ?>
                    <tr>
                            <td><?php echo $count;?></td>
                            <td><?php echo $get_student['student_name'];?></td>
                            <td><?php echo $get_student['father_name'];?></td>
                            <td><?php echo $get_student['contact_no'];?></td>
                             <td><?php echo $get_student['class'];?></td>
                        </tr>   
            <?php
            
        }
    }
    ?>
     </tbody>
                </table>
            </div>
    
</div>
</div>
</div>

