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-如果将所有隐藏元素设置为可见或全部隐藏,则可以正常工作,但如果我想切换它们-已断开:)谢谢,我会试试的