如何删除数据表引导程序上的垂直滚动?

时间:2018-03-30 16:27:49

标签: html css twitter-bootstrap-3 bootstrap-4

我从数据库中使用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>

从我所尝试到目前为止没有任何工作。

知道如何删除滚动条吗?

2 个答案:

答案 0 :(得分:0)

在你的css中尝试添加:

<?php

$dateStart = 1104555600000;
echo $formattedDate = date('Y-m-d', $dateStart/1000);

根据Bootstrap : how to disable vertical scrollbar?

的建议

答案 1 :(得分:0)

通过添加解决 scrollY:False;

到js文件