html - 如何删除数据表 Bootstrap 的垂直滚动？

Question

我正在使用 while 循环从数据库中获取一些数据，但是当我的数据表中有很多条目时，会显示此滚动条:

screen shot

我尝试过的:

#mytable::-webkit-scrollbar {
    display: none;
}

和:

.table .table-bordered .table-striped  {

    overflow-x: hidden;
    overflow-y: hidden;
}

我正在使用 bootstrap 3 模板

我的代码:

<table id="rip"class="table table-bordered table-striped js-dataTable-full-pagination">

<thead>

<tr>
<th><input id="selectAllboxes" type="checkbox">

<th>cc num</th>
<th>cc</th>
<th>student name</th>
<th>com date</th>
<th>stats</th>
<th>Edit</th>
<th>Print</th>


</tr>
</thead>
<tbody>




   echo "<tr>";
   ?>
  <th><input class='checkboxes' type='checkbox' name='checkBoxArray[]' value='<?php echo $cert_id; ?>'></th>

   <?php
   echo "<td>{$cert_id}</td>";
   echo "<td>{$course_title}</td>";
   echo "<td>{$name_student}</td>";
   echo "<td>{$date_com}</td>";
 echo "<td>$status</td>";

echo"<td>

<a  href='' target='_blank'><i class='fa fa-print fa-2x'></i></a></a>
</td>




";

echo "<td><a href=''><i class='fa fa-edit fa-2x'></i></a></td>";

echo "</tr>";
      }
?>

</tbody>
</table>

根据我的尝试，到目前为止没有任何效果。

知道如何删除滚动条吗？

Answer 1

在你的 css 中尝试添加:

    body {
        overflow-y:hidden;
    }

根据 Bootstrap : how to disable vertical scrollbar? 的建议