清除Angular搜索框后，表格数据不会出现？

Question

我正在研究html和angularJs项目，我已经在表数据上使用angularJs实现了搜索。它适用于小桌子，但在这里我在桌子上有大约70行和10-12 col（分页10行）。当我执行搜索匹配时，有时清除搜索框后不会显示所有数据。如果数据不匹配则会使滚动条消失，即使我清除搜索框也没有数据显示在表格中，它会在起始列中占用表格，并且无法到达最后一列，例如第10列。 实际上有很多列，所以我申请了fix header and column。即使在删除修复标题后，清除搜索框后也不会显示数据。

使用以下代码实现搜索。（第1行）

<tr style="background:#669950;">
   <td style="border-right: 1px solid black;border-bottom: 1px solid black;"><input type="text" delete-if-empty class="clearable" style="width:100px;display:block;padding-right: 5%;" ng-model="search.col1" ng-model-options="{ debounce: 300 }" placeholder="Search"/><a ng-if="search.col1.length" ng-click="search.col1=''"></a></td>
                    ......</tr>

$scope.objects = [{"col1":"t1","col2":"t2","col3":"t3","col4":"t4"},
                {"col1":"t1","col2":"t2","col3":"t3","col4":"t4"},{"col1":"t1","col2":"t2","col3":"t3","col4":"t4"},{"col1":"t1","col2":"t2","col3":"t3","col4":"t4"}];

                });

执行搜索表之前会出现

执行搜索表后会出现

如果找不到搜索并清除搜索框后如何获取表格中的滚动条和所有数据？