将垂直滚动条添加到cakephp3

时间:2016-11-03 22:01:54

标签: javascript cakephp cakephp-3.0

在cakephp3中,我有很多数据要显示,如100行。我希望数据显示在滚动框中,因此它一次只显示10行,但您可以向下滚动并查看其余数据。我不希望将此作为解决方案的分页。我找不到这个

的例子

下面是显示数据的代码,我想用滚动条添加此数据

<div class="form-group col-md-12 col-xs-12 col-sm-12">
  <div class="table-responsive">
    <table class="table table-striped table-bordered table-hover">
      <thead>
        <tr>
          <th>Id</th>
          <th> Name</th>
          <th> Email</th>
          <th>Select</th>
       </tr>
     </thead>
     <tbody>
     <?php foreach ($resumes as $key => $resume) { ?>
       <tr>
         <td><?php echo $resume['id'] ?></td>
         <td><?= $resume['first_name'] .' '. $resume['last_name']; ?>&nbsp;</td>
         <td><?php echo $resume['email']//.'<br> '. $resume['mobile']; ?></td>


?>

........

1 个答案:

答案 0 :(得分:0)

只需将您的表放在div中,并使该div具有固定的高度和overflow-y属性。在您的表格中,我建议您使用蛋糕方式$this->Html->tableHeaders$this->Html->tableCells