javascript - 如何以编程方式重置反应表中的滚动

Question

我希望能够在加载新数据时将滚动位置重置为 0。到目前为止，当新数据作为道具传递时，滚动位置仍然存在。这给用户带来了一些混乱。

编辑：滚动在 React-Table 组件中，而不是页面滚动。

标签： javascriptreactjsreact-table

Answer 1

找到了解决方案。我使用了一个完美的滚动条组件，我用表格的传递对象为其创建了一个引用，这样我就可以调用this.scroll.scrollbar.scrollTo(0,0)它来重置表格滚动。

const PerfectScrollbarBody = (props, table) => (
   <div {...props} className={"rt-tbody"}>
      <Scrollbar ref={node => (table.scroll = node)}>{props.children}</Scrollbar>
   </div>
);