使用溢出时的空白:自动或滚动表

时间:2017-08-23 16:53:07

标签: html css

我正在尝试在表格溢出时向上和向下插入一个滚动条,但由于某种原因,它会在列的右侧创建一个空白区域,如下图所示: http://imageshack.com/a/img922/671/jUnKyG.png

我正在使用以下代码创建表:

<table ng-if="vm.model.id" width="100%" class="table table-striped table-bordered table-hover dataTable no-footer" style="width: 100%; height: 350px; overflow-y: auto; display: block">

我也尝试过overflow-y:滚动,但我得到同样的东西。

那么,关于如何用列填充这个空白区域的任何想法?

谢谢!

1 个答案:

答案 0 :(得分:1)

好吧,我可以和朋友解决这个问题。

对于那些遇到同样问题的人,我只是在表格上方添加了一个div,其格式如下:

<div style="height: 350px; overflow-y: auto; display: block">

                 <table ng-if="vm.model.id" width="100%" class="table table-striped table-bordered table-hover dataTable no-footer" style="margin-top: 0 !important;">
...

谢谢!