带有复制粘贴的反应数据网格单元格编辑

问题描述 投票:3回答:1

我正在尝试使用react数据网格(与Excel相同)创建复制粘贴功能。复制粘贴按预期工作正常,但是我遇到内联单元格编辑问题。请在此处参考代码https://codesandbox.io/embed/sweet-wave-3qw4y?fontsize=14&hidenavigation=1&theme=dark

在此代码中,如果我编辑一个单元格(更改单元格值),而无需按Enter或箭头键直接单击另一个单元格(而不是正在编辑的单元格,则已编辑的值将转移到单击的单元格中。) >

我在github上找到了一些东西,但找不到解决方案:https://github.com/adazzle/react-data-grid/issues/942https://github.com/adazzle/react-data-grid/issues/293https://github.com/adazzle/react-data-grid/issues/1460https://github.com/adazzle/react-data-grid/issues/1474

请让我知道如何解决此问题。

替代方法

我在https://www.npmjs.com/package/fixed-react-data-grid找到了解决方案。他已经解决了该问题并从中创建了另一个解决方案,但是我仍然不知道他是如何做到的。关于此的任何帮助将非常有帮助。

我正在尝试使用react数据网格(与Excel相同)创建复制粘贴功能。复制粘贴按预期工作正常,但是我遇到内联单元格编辑问题。请在此处参考代码...

javascript reactjs dom-events event-bubbling react-data-grid
1个回答
0
投票

一个简单的解决方法是使用'onCellSeleted'而不是'cellRangeSelection'。像这样:

© www.soinside.com 2019 - 2024. All rights reserved.