大佬教程收集整理的这篇文章主要介绍了typescript – 如何使用Angular 2在表中加载和显示大量数据?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
数据在我的组件类中的数组中:
export class AppComponent { clients: anY[] = []; constructor(){ for (var i = 0; i < 10; ++i) { this.CLIENts.push({ id: i,name: 'Client' + i,address: 'Address of client ' + i,phone: '(51) 5454-4646' }); } } }
然后在我的布局中通过ngFor加载数据:
<div style="height:600px;overflow:scroll"> <data-table> <th>Id</th> <th>Name</th> <th>Address</th> <th numeric>Phone</th> <tr *ngFor="let client of clients"> <td>{{ client.id }}</td> <td>{{ client.name }}</td> <td>{{ client.address }}</td> <td>{{ client.phonE}}</td> </tr> </data-table> </div>
例如,它必须在@R_357_11262@0.000,可能,20.000行和大约10列的表中加载数据.这里的问题是加载速度非常慢,加载后运行时间很长.
在这种情况下我不能使用分页,并且滚动是强制性的.我想保持滚动拇指的大小和位置,好像所有数据都被加载,即使我需要做一些技巧,如加载部分数据.
我想知道在没有减速的情况下完成这项任务的最佳方法是什么.
以上是大佬教程为你收集整理的typescript – 如何使用Angular 2在表中加载和显示大量数据?全部内容,希望文章能够帮你解决typescript – 如何使用Angular 2在表中加载和显示大量数据?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。