javascript - 具有延迟渲染的 Angular 数据表

Question

我正在使用此处的 Angular 数据表 - https://l-lin.github.io/angular-datatables/#/welcome

我正在加载大约 4,000 行，并且以这种方式使用数据表非常慢。

我的第一个选择是每次使用数百个 ajax 加载，但繁重的工作实际上是在渲染过程中，而不是从服务器获取数据。

我看到有一个选项可以进行延迟渲染，但它在某些 Angular 不可用。你们知道如何将它与 Angular 一起使用吗？

这是我的代码片段-

HTML

<table datatable="ng" role="grid" data-page-length="50"> </table>

JS

only loads the datatable.js code

我想在 HTML/JS 中添加一个延迟渲染的选项

有什么想法吗？非常感谢。

我正在加载数据表

Answer 1

我做过这样的事情......最初加载大约 50 行并在滚动条到达底部时，调用数据库获取更多 50 行并添加到现有的 50 行。

每次滚动条到达底部，点击数据库并获取更多 50。

这行得通。