css表格行未达到表格的宽度

我有一个表被设置为overflow-y:auto和display:block，但问题是在表的全宽之前，行不会占用空间。 下面是一个屏幕截图：

代码如下：

<div class="row">
        <div class="col-md-6">
            <table class="table table-hover ">
                <thead>
                    <tr><th style="text-align: center">Excel List</th></tr>
                    <tr>
                        <td>
                            <input type="text" class="form-control" placeholder="Search Excel" ng-keyup="searchExcel()" ng-model="excelSearchTerm">
                        </td>
                    </tr>
                </thead>
                <tbody class="tbody-style excel-list-table">
                    <tr ng-repeat="excel in excelList" ng-if="excelSearchTerm == ''">
                        <td ng-click="ctrlClickExcel($event, excel)" ng-class="{'selected' : excel.selected}">{{excel.dir}}</td>
                    </tr>

                    <tr ng-repeat="excel in excelSearchResults" ng-if="excelSearchTerm != ''">
                        <td ng-click="ctrlClickExcel($event, excel)" ng-class="{'selected' : excel.selected}">{{excel.dir}}</td>
                    </tr>
                </tbody>
            </table>
        </div>
</div>

如果我删除display:block，那么这是行占用全部宽度的唯一时间，但它不再溢出，将占用整个屏幕，而不是250px的高度

我正在使用引导

编辑：

---

我设法找到了解决办法。我刚刚为标题添加了另一个表，另一个表包含在带有overflow-y和display block的div中。

在表外添加一个div，然后放入overflow

<div style="overflow-y: auto;display:block;height:250px">
<table width="100%">
..

将class=col-md-6更改为class=col-md-12您的代码

您可以，或者只需将搜索栏和标题移出

Excel List<br>
<input type="text" class="form-control" placeholder="Search Excel" ng-keyup="searchExcel()" ng-model="excelSearchTerm">
<div style="overflow-y: auto;display:block;height:250px">
<table width="100%">

---

删除显示：阻止。。。你为什么需要它？你能提供有效的代码片段吗？@kukkuz如果我删除它，overflow-y在250px的高度下就不能工作了。我设法找到了一个解决办法。我刚刚为标题添加了另一个表，另一个表包含在带有overflow-y和display block的div中。宽度刚刚更改，但行仍然相同。它可以工作，但我需要Excel列表和搜索栏保持在顶部。我设法找到了一个解决方法。我刚刚为标题添加了另一个表，另一个表包含在带有overflow-y和display block的div中。