如何在 OJET Table 中设置无限滚动？

【问题标题】：How to set infinite scroll in OJET Table?如何在 OJET Table 中设置无限滚动？
【发布时间】：2021-02-18 02:09:21
【问题描述】：

我正在使用 OJET 框架的 oj-table 组件。表结构如下：

protected render(): VComponent.VNode {
return (
  <div>
    <oj-table
      id="table"
      aria-label="Lists"
      selectionMode={this.selectedSelectionMode}
      data={this.dataSource}
      columns={this.columns}
      class="oj-bg-neutral-0"
    ></oj-table> 
  </div>
)};

有人可以帮助我如何将滚动设置为无限滚动吗？当我们在表格中滚动时，应该有一种加载记录的方式。我是 OJET 框架的新手，不知道如何实现这一点。任何帮助表示赞赏。

【问题讨论】：

标签： oracle-jet

【解决方案1】：

在重新阅读了大量文档后，我找到了这个问题的答案。在 oracle-jet 中，他们向 <oj-table> 添加了一个名为 scrollPolicy 的属性。

我已经用 scrollPolicy 修改了如下代码

protected render(): VComponent.VNode {
  return (
      <div>
          <oj-table
           id="table"
           aria-label="Lists"
           selectionMode={this.selectedSelectionMode}
           data={this.dataSource}
           scrollPolicy="loadAll"
           columns={this.columns}
           class="oj-bg-neutral-0"
          ></oj-table> 
      </div>
   )};

现在，当我到达表的末尾时，dataSource 会获取更多记录。这是一个很酷的功能，帮助我减少了我的第一个有效负载大小。在这里发布它，以便它可以帮助陷入困境的人。干杯！！

【讨论】：