问题标签 [react-data-grid]

我正在尝试使用反应数据网格将此示例复制到我的 Typescript 项目中。我创建了以下类以匹配提供的类....

但是当我尝试运行它时，我得到了

警告：React.createElement：类型无效——需要一个字符串（对于内置组件）或一个类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件。检查PxGrid.

如果我将渲染替换为这样的东西......

它工作正常。我怎么了？错误消息根本没有帮助。

我正在尝试创建一个名为 table 的组件，以便我可以重用它。我通过行和列将父级作为属性。一切正常，它显示行和列，它显示过滤器，但是当我在过滤器上输入一些值时。

它给了我这个错误：

当我定义组件的状态和属性时，也许我采取了不好的方法。

如何在反应数据网格组件中实现过滤器。

我的代码是：

我正在使用react-data-grid在页面中显示可编辑的表格。我已用于editable: true启用可编辑列。但是我有一些不可编辑的行。我如何在行级控制它？

请提出解决方案。PFB 数据网格的初始化。

我有一个显示数值的 react-data-grid 表。但是在编辑任何单元格时，我们可以输入任何字母数值。我们可以将条目限制为仅限数值吗？

在检查一个开源项目（反应数据网格）的来源时，我偶然发现了这种我无法理解的语法：

尤其是那getStyle(): {部分。

我尝试咨询其他 SO 问题、MDN函数和类参考，但没有提及上述语法。

我在这里想念什么？

我正在使用反应数据网格来列出我的数据。

我想在单击按钮时添加新行，因此第一列（不一定首先可以是任何列）应该是可编辑的并专注于创建。

我知道反应数据网格在双击时具有可编辑的单元格功能。但我希望在没有任何点击的情况下创建行。如果有任何方法可以在用户按 Enter 后禁用编辑，那就太好了。

生成列表的代码：

有人知道如何实现这一目标吗？

只是为了提供更广泛的上下文 - 如果与后端同步，我的最终目标是使用“同步”图标增强可编辑单元格。

我继续尝试将自定义道具添加到特定的可编辑单元格，以指示syncedWithBackEnd = true/false，然后使用自定义格式化程序有条件地添加样式（如果与 DB 道具同步为真）。

问题是，
我无法将此自定义道具传递给 Cell 实例

到目前为止尝试过：

1. 向 Formatter 提供回调并从外部调用它。找不到在 Formatter 实例上调用函数的方法（附加到特定单元格）

2. 将道具设置为handleRowUpdated逻辑的一部分。设置自定义道具但未到达单元格：

   var rows = this.getRows(); ... // e.updated.customProp = "whatever" ---> fails to reach Cell Object.assign(rows[e.rowIdx], e.updated); this.setState({rows: rows});

关于如何实现这一目标的任何想法？
或者也许有一些明显的方法可以达到我完全错过的最终目标（必须提到我是 React 的新手，对 js 来说也很陌生）。

我开始使用 react-data-grid 并且我注意到当我有一个包含大量文本的单元格时，行高没有调整。文字刚刚被截断。我该如何解决这个问题？

示例：假设我有文字说明“这是对长数据的测试”，然后它显示如下......

是的，我可以让我的列更宽，但实际上我有 50 个字的项目描述，或多或少，我想在列中显示，所以我希望行更高，文本像这样换行...

我正在尝试在我的 react-data-grid (adazzle) 中将某些列的背景颜色渲染为某种颜色。

问题是我的细胞周围出现了这种白色填充物：

我如何摆脱这种白色填充？

我只是按照本示例中使用格式化程序的方式进行操作：

http://adazzle.github.io/react-data-grid/examples.html#/custom-formatters

我的 ColumnFormatter 看起来像这样：

我这样设置我的专栏：

我们正在使用react-data-grid (adazzle)，并希望对表头进行一些样式调整。

我们想调整标题，使它们大约是表格中行高的两倍，如下所示：

我猜我们会从 HeaderRow 组件来解决这个问题。但是，由于此组件的文档为零，因此我对如何进一步解决此问题一无所知。