如何使用React在数据表的视图中保持活动的选定单元格

Question

我有一个场景，其中数据表的活动所选单元格不可见，但是我想跟随活动所选单元格，这样始终可以看到，就像Google表格或excel中的行为一样，并且想知道如何获得这种行为：https://codesandbox.io/s/mystifying-cohen-w9z36。我想这也可能属于更广泛的html或css问题。

function App() {
  return (
    <div className="App">
      <ReactDataSheet
        data={[
          Array.from({ length: 20 }, (item, i) => ({ value: 10000 * (i + 1) })),
          Array.from({ length: 20 }, (item, i) => ({ value: 10000 * (i + 1) }))
        ]}
        valueRenderer={cell => cell.value}
        cellRenderer={props => {
          return <td {...props} />;
        }}
        sheetRenderer={props => (
          <table>
            <tbody {...props}>{props.children}</tbody>
          </table>
        )}
      />
    </div>
  );
}