我正在使用react-virtualized表,并且我已经使用ArrowKeyStepper HOC实现了箭头键支持,但是在访问表中的某些行后它无法正常工作。
当前,向上或向下移动到一定数量的记录后,箭头键将停止在react-virtualized表上工作。在我看来,此行数是对窗口大小进行反应虚拟化的表格供稿的数量。这就是为什么如果我增加表格的高度以增加窗口大小,它将停止访问更多行的原因。
最初,我怀疑这个问题是由于ArrowKeyStepper HOC造成的,所以我尝试仅使用常规JS键盘事件来实现此功能,但是我看到了类似的行为。 这是该行为的代码 使用ArrowKeyStepper HOC
https://codesandbox.io/s/react-virtualized-table-with-arrowkeystepper-7v82v
不使用ArrowKeyStepper HOC
https://codesandbox.io/s/react-virtualized-table-with-arrow-key-events-vxlto
有什么办法可以通过react virtualized table来解决此问题?