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

Question

我正在使用 OJET 框架的 oj-table 组件。 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>
)};

有人可以帮助我如何将滚动设置为无限滚动吗？当我们在 table 中滚动时，应该有一种加载记录的方式。我是 OJET 框架的新手，不太了解如何实现这一目标。感谢任何帮助。

Answer 1

经过大量文档 re-read 我找到了这个问题的答案。在 oracle-jet 中，他们在名为 scrollPolicy 的 <oj-table> 中添加了一个属性。

我用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>
   )};

现在，当我到达 table 的末尾时，数据源获取更多记录。这是一个很酷的功能，帮助我减少了第一个有效负载的大小。将其张贴在这里，以便它可以帮助遇到此问题的人。干杯！！

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

How to set infinite scroll in OJET Table?

oracle-jet