html - 使用溢出时的空格 : auto or scroll on table

Question

我试图在表格溢出时向上和向下插入滚动条，但由于某种原因，它在列的右侧形成了一个空白区域，如下图所示: 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: scroll 但我得到了同样的结果。

那么，关于如何用列填充这个空白区域有什么想法吗？

谢谢!

Answer 1

好吧，我可以和 friend 一起解决这个问题。

对于那些有同样问题的人，我只是在表格上方添加了一个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;">
...

谢谢!