<style> .tooltip { z-index: 1151 !important; } </style> <div class="modal-header"> <h5 class="modal-title"> <?= $student_info['name'] ?></h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <!-- <?php var_dump($studentInfo['name']) ?> --> <table> <tbody class="row"> <tr class="col-md-8"> <th style="font-weight:600;"> Student Name: </th> <td> <?= $student_info['name']; ?></td> </tr> <tr class="col-md-6"> <th style="font-weight:600;">Student ID: </th> <td> <?= $student_info['studentId']; ?></td> </tr> </tbody> </table> <hr> <div class="row"> <div class="col-md-12"> <table id="tbl2" cellspacing="0" width="100%"> <thead> <tr> <th width="5%">SNo</th> <th width="20%">Fee</th> <th width="25%">Title</th> <th width="20%">Scholarship Type</th> <th width="15%">Fee Amount</th> <th width="25%">Scholarship Amount</th> <!-- <th>PickUp</th> <th>Drop</th> --> </tr> </thead> <tbody id="scholarship_body"> <?php if (isset($scholarship_data) && !empty($scholarship_data)) { $sn = 0; foreach ($scholarship_data as $value) { // [scholarship_id] => 6 // [student_id] => 240 // [course_fee_id] => 250 // [batch_id] => 1 // [is_active] => yes // [scholarship_type] => 1 // [scholarship_amount] => 1000 // [scholarship_discount] => 50 // [fee_name] => Mangsir // [fee_amount] => 2000 // [fee_type] => Monthly Fee // [isPaymentMade] => 1019 $sn++; ?> <tr> <td><?= $sn ?></td> <td><?= $value['fee_type'] ?></td> <td><?= $value['fee_name'] ?></td> <td> <?php foreach ($all_scholarship_types as $skey => $ast_value) { // var_dump($ast_value); if ($ast_value['id'] == $value['scholarship_type']) { echo $ast_value['scholarshiptype_name']; } } ?> </td> <td><?= $value['fee_amount'] ?></td> <td><?= $value['scholarship_amount'] ?></td> </tr> <?php } } ?> </tbody> </table> </div> </div> <!-- <table id="tbl1"></table> --> </div> <script> $(document).ready(function() { $('#tbl2').DataTable({ "autoWidth": false, "lengthMenu": [ [25, 50, 100, 150, -1], [25, 50, 100, 150, "All"] ] }); }); </script>