<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>Administrator Name</th>
<th>Total number of audits conducted</th>
<th>Fatal Incidents</th>
<th>Performance Score</th>
<th>Average Result</th>
</tr>
</thead>
<!-- <div style="overflow:scroll;min-height:.01%;overflow-y:hidden;overflow-x:scroll;"> -->
<tbody>
<?php
$totalaudits=0;
$totalfatalities=0;
$auditList=$aucnt->result();
$totalaudits+=$rpostclist->audited;
$totalfatalities+=$rpostclist->cnfatal;
?>
<tr>
<td><?php echo $rpostclist->administrator_name;?></td>
<td><?php echo $rpostclist->audited;?></td>
<td><?php echo $rpostclist->cnfatal;?></td>
<td>
<table class="table table-bordered">
<tr>
<?php $i=1; foreach($auditList as $raucnt) { ?>
<th> Call <?php echo $i;?><br/><?php echo $raucnt->qa_agent;?><br/><?php echo $raucnt->qa_date; ?><br><a href="<?php echo base_url();?>home/viewticket/<?php echo $raucnt->unique_id;?>" class="btn btn-link" target="_blank" style="width:55px;height:30px;">View</a></th>
<?php $i++;} ?>
</tr>
<tr>
<?php $sum = 0; foreach($auditList as $raucnt) { ?>
<td><?php echo $raucnt->tot;
$sum += $raucnt->tot;?>%</td>
<?php } ?>
</tr>
</table>
</td>
<td style="vertical-align:middle;font-weight:bold;font-size:20px;"><?php echo round($average=$sum/count($auditList));?>%</td>
</tr>
<?php } ?>
<tr>
<td></td>
<td style="font-size:16px;"><strong>Total:<?php echo $totalaudits;?></strong></td>
<td style="font-size:16px;"><strong>Total:<?php echo $totalfatalities;?></strong></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
I searched extensively but did not find any solutions. I am attempting to maintain a horizontal bar at the top of the table due to the large amount of database data it retrieves, making scrolling difficult. Perhaps having both top and bottom horizontal scroll bars would also be a good suggestion.