Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度与滚动不使用表中的隐藏元素_Javascript_Html_Angularjs - Fatal编程技术网

Javascript 角度与滚动不使用表中的隐藏元素

Javascript 角度与滚动不使用表中的隐藏元素,javascript,html,angularjs,Javascript,Html,Angularjs,我遇到了一个问题: 我有一个数据表-有巨大的数据可能性。所以,当我使用ng repeat时,我开始检查优化工作的解决方案,发现angular vs scroll对我来说非常好。但我面临一个问题: 它工作得非常好,直到我把一些隐藏的元素放在里面——hidden tr从“父行”点击打开。我不能使用div,因为数据量很大,我希望它完全对齐 问题是,对于隐藏元素,vs scroll无法计算高度,有什么办法可以解决这个问题吗?或者使用更好的替代品 <div class="hello"> <

我遇到了一个问题:
我有一个数据表-有巨大的数据可能性。所以,当我使用ng repeat时,我开始检查优化工作的解决方案,发现angular vs scroll对我来说非常好。但我面临一个问题:
它工作得非常好,直到我把一些隐藏的元素放在里面——hidden 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>

{{label}}
{{result[label]}
你好,我是隐藏元素
结果是:没有隐藏的元素


我可以建议您使用图书馆来解决您的餐桌难题吗

Angular datatables可以提供无休止的滚动、排序、搜索、分页、导出,我已经成功地实现了一行单击即可打开的嵌套表。行是分开的,另外一个数据表嵌套在行之间,非常好用,不用担心布局问题

我最近发布了我的所有代码来注入一个Angular datatable,该表解析来自json对象/promise的数据,如果您想要额外的代码来注入一个细节表,我可以为您提供

请在这里检查我的答案:

以下是一些屏幕截图:

嵌套详细信息表:


我可以建议您使用图书馆来解决您的餐桌难题吗

Angular datatables可以提供无休止的滚动、排序、搜索、分页、导出,我已经成功地实现了一行单击即可打开的嵌套表。行是分开的,另外一个数据表嵌套在行之间,非常好用,不用担心布局问题

我最近发布了我的所有代码来注入一个Angular datatable,该表解析来自json对象/promise的数据,如果您想要额外的代码来注入一个细节表,我可以为您提供

请在这里检查我的答案:

以下是一些屏幕截图:

嵌套详细信息表:


您是否尝试过将隐藏类移动到中。因为你试图在没有td的情况下创建tr。这可能是表layoutHi的问题,因为空tr的高度为0,所以不使用css类显示它是没有帮助的。如果我将隐藏元素移动到父tr中,它工作得很好,但它不是我要寻找的。我不想在表中创建表,哦,我需要在所有级别上进行工作对齐:(哦..好的。如果您只是从td中删除div,会发生什么情况。div根本不是问题。问题在于隐藏元素-td-如果将所有隐藏元素设置为可见或全部隐藏,它将正常工作,但如果我想切换它们-断开:(您是否尝试过将隐藏类移动到中。因为您尝试在没有任何td的情况下创建tr。这可能是表layoutHi的问题,因为空tr的高度为0,所以不使用css类来显示它是没有帮助的。如果我将隐藏元素移动到父tr中,效果会很好,但这不是我想要的。我不这么认为。)“我不想在表中创建表,哦,我需要在所有级别上进行工作对齐:(哦..好的。如果您只是从td中删除div,会发生什么情况。div根本不是问题。问题在于隐藏元素-td-如果将所有隐藏元素设置为可见或全部隐藏,则可以正常工作,但如果我想切换它们-已断开:)谢谢,我会试试的