如何使用react-table以编程方式滚动到一行

时间:2018-05-29 11:33:11

标签: reactjs react-table

是否可以使用react-table [反应项目的表库]以编程方式滚动到一行

答案编辑: 我最后通过格式化Cell来为每行添加refs。并使用了这个功能

  scrollToKeyInTable(oldKey, newKey) {
    if (newKey) {
      const node = this._rowRefs.get(newKey);
      try {
        const row = node.parentElement.parentElement.parentElement;
        const tableBodyNode = row.parentElement;
        tableBodyNode.scrollTop = row.offsetTop - 35;
        const { scrollX, scrollY } = window;
        node.focus({ preventScroll: true });
        window.scrollTo(scrollX, scrollY);

        return this;
      } catch (e) {}
   } else if (oldKey) {
     const node = this._rowRefs.get(oldKey);
     if (node) {
       node.blur();
   }
 }
}

0 个答案:

没有答案