具有延迟渲染的角度数据表答案

【问题标题】：angular datatable with deferred rendering具有延迟渲染的角度数据表
【发布时间】：2016-08-30 11:41:09
【问题描述】：

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

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

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

这是我的代码的 sn-p -

HTML

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

only loads the datatable.js code

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

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

我正在加载数据表

【问题讨论】：

查看服务器端处理。对于这个图书馆，似乎有这个l-lin.github.io/angular-datatables/#/serverSideProcessing
此解决方案正在使用服务器。似乎使页面变慢的是实际渲染，而不是从服务器获取数据。我正在寻找的是一种仅在页面加载时呈现前 50 行的方法，然后按需（搜索/排序）呈现其余行。类似于延迟渲染。
是的，但是这样你只能获取/渲染每个页面所需的内容，仅此而已。
瓶颈是datatable="ng"，效果极差——你应该让dataTables渲染表格然后你可以使用deferRender。
谢谢大卫，您能详细说明您提供的解决方案吗？如何加载不像 datatable="ng" 的数据表？谢谢！

【解决方案1】：

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

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

这会起作用。

【讨论】：