Angular-vs-scroll不能使用表

Question

我遇到了一个问题：
我有一个数据表 - 具有巨大的数据可能性。因此，当我使用ng-repeat时，我开始检查优化工作的解决方案，并找到了对我来说非常好的angular-vs-scroll。但我遇到了一个问题：
它完全正常，直到我把一些隐藏的元素放在里面 - 隐藏的tr从“父行”点击打开。我不能使用div，因为数据很大，我希望它完全对齐。

问题是，对于隐藏元素，vs-scroll在计算高度时失败，有什么想法来解决这个问题？或者使用更好的替代方案？

<div class="hello">
<table class="table table-hover table-striped">
    <thead>
      <tr>
        <th data-ng-repeat="label in table.labels" style="width: {{100/table.labels.length}}%"><div>{{label}}</div></th>
       </tr>
       </thead>

       <tbody vs-repeat vs-scroll-parent=".hello">
         <tr data-ng-repeat-start="result in table.results | filter : string">
            <td data-ng-repeat="label in table.labels">
              {{result[label]}}
           </td>
         </tr> 
         <tr data-ng-repeat-end>
             <td colspan="{{table.labels.length}}"> <div class="hidden-element">
                Hello, I am hidden element
               </div> 
               </td>
          </tr>     
       </tbody>

</table>
</div>

结果是：没有隐藏的元素

without hidden elements

with hidden elements

Answer 1

我可以建议使用图书馆来解决你的桌面问题吗？

Angular-datatables 可以提供无限的滚动，排序，搜索，分页，导出，并且我已经成功实现了在单击该行时打开的嵌套表。行分开，另外一个数据表嵌套在行之间，效果很好，不用担心布局问题！

我最近发布了我的所有代码来注入一个Angular-datatable，它可以解析json对象/ promise中的数据，如果你想要额外的代码来注入我可以为你提供的详细信息表。

请在此处查看我的答案：Ng-repeat trying to create a counter index

这里有一些截图：

嵌套详细信息表：