【问题标题】:Ngx-datatable displayed rowngx-datatable 显示行
【发布时间】:2019-03-21 15:18:49
【问题描述】:

如何定义表格中当前页面上显示的内容? 我想为每一行显示一个图表,但我只想为显示的那些项目请求数据。 例如,如果表中有 400 个元素,我不想立即为此 400 个元素发送 http 请求(以请求图表的数据)。我只想为那些显示的数据请求数据。

【问题讨论】:

  • 您可以使用服务器端分页/过滤。你知道怎么做吗?
  • 所以。你不能在客户端做吗?表格中不是有一个函数,它知道显示的行或我没有注意到的东西吗?
  • 可以,但您必须实现自己的客户端过滤逻辑。此外,您可以使用虚拟滚动来最小化 DOM 上的负载

标签: angular ngx-datatable


【解决方案1】:

你可以通过table.bodyComponent.rowIndexes获取当前页面的数据。它将返回一个包含当前页面数据的地图。

@ViewChild(DatatableComponent) 表:DatatableComponent; Array.from(this.table.bodyComponent.rowIndexes.keys()) 会将数据作为数组返回。

希望对你有帮助。

来源:https://github.com/swimlane/ngx-datatable/issues/1494#issuecomment-408194219

【讨论】:

  • 非常感谢。你帮了我很多。我需要另一个视角。现在我遇到了一个问题,因为我的元素正在无限循环中订阅。 [results]="makeFirstChartData(row.driver.id)" 。我的变量用于订阅。
  • 我怎样才能只得到这些行一次?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-09-22
  • 1970-01-01
  • 1970-01-01
  • 2019-03-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多