问题标签 [react-data-grid]

当在 react-data-grid 中选中“全选”复选框时，我想编写一些自定义逻辑。那么当用户点击它时，我如何获得“全选”复选框的句柄呢？

这是一些 react-data-grid 示例的链接http://adazzle.github.io/react-data-grid/#/和 repo 的链接 https://github.com/adazzle/react-数据网格

在我的渲染（）中，我定义了如下所示的 react-data-grid。
呈现时的表格看起来像这个反应数据网格演示

我已经建立了一个反应数据网格。我已经添加了可排序的可选功能，并且在我的系统上正在使用呈现在标题文本右侧的排序图标，这是我更喜欢的方式。

我小组中的其他人在运行我的代码时拉出了我的代码，排序图标呈现在标题文本的左侧（我假设以某种方式将 pull-left 样式插入到图标跨度中）。

我找不到任何信息来说明如何精确控制这一点，或者为什么它与一个系统的工作方式不同。

希望有人仍在使用这个组件，可以对此有所了解。

文档仅涉及事件处理https://adazzle.github.io/react-data-grid/#/examples/cell-selection-events。

是否有任何 CSS 类分配给选定的单元格？目前选定的单元格有淡蓝色边框，但我想改变它。这种风格的改变是不可能的ReactDataGrid.onCellSelected，因为formatter.render()首先触发事件，然后才onCellSelected触发事件。是的，我可以读取 中选定单元格的坐标onCellSelected，但我不能使用这些坐标进行格式化，因为formatter.render()在之前执行onCellSelected，即新选择的单元格的坐标在应该读取的时间点不可用。

我不认为这是错误，当然，应该有另一种机制来格式化所选单元格，但目前我在文档中找不到这种机制。我在 Web 控制台中查看了生成的代码，但没有找到任何可以通过网格添加到所选单元格的其他类名。

那么，如何格式化所选单元格的正确机制是什么？

也许我可以以某种方式调用（以某种方式）formatter.render()内部选定的单元格onCellSelected？那会解决我的问题吗？

我是新来的反应。对于我的项目，我想通过单击表格中的图标来更改我的状态，这将改变我的状态。我正在使用 getCellActions (react-data-grid)。如何将我的自定义函数单独与列和行对象一起传递。

提前致谢。

NT：我没有使用 redux

下面是我的 Reactdata 网格代码

使用下面的 React 数据网格： https ://github.com/adazzle/react-data-grid

我想将宽度作为百分比传递，我们如何使用 React 数据网格来实现。任何帮助，将不胜感激。谢谢

是否可以以编程方式设置单元格中文本的颜色？好吧，我的情况是我在数据网格中填写了一些数字。我想根据他们的价值观给他们上色。我有点迷路了，因为我没有找到自定义单个单元格的方法。我已经尝试过“rowRender”，但它并没有完成我的任务，因为它只为一行着色。我想要的是为单个单元格着色。是否有可能做到这一点。

我对 ReactJS 和编码都很陌生，我正在尝试使用“react-data-grid”渲染一个反应数据网格。现在这个网格由两个数组组成，一个行数组和一个列数组。现在我创建了函数来推送和弹出数组以添加或删除列和行。

问题是，它实际上是在行中呈现变化，而不是在列中。我问过我一个更有经验的同事，但他无法帮助我。但是，我们记录了控制台，“引擎盖下”的一切工作正常，只是没有渲染：

我将代码分为表格部分和渲染部分：

然后是表格文件

首先，我知道代码目前还不是很完美，我在尝试的过程中改变了很多，而且很乱，抱歉，我打算在发现问题后对其进行优化。

我也知道创建或删除列和行的每个函数都是双重的，SiteRenderer-Component 之外的方法只是为了测试，现在我用它在页面加载时创建一个起始表（这也适用于列，但不适用于之后发生变化，与始终有效的行相反）。

如果我错过了什么，对不起，请随时提问，这是我在这里的第一个问题。

我正在尝试使用带有 npm 包 react-test-renderer 的 React-Data-Grid 测试我的应用程序，但它失败了。

例如，我在文件 Example.js https://adazzle.github.io/react-data-grid/scripts/example01-basic.js中复制了基本示例

我正在调用对象。

但我崩溃了……这是堆栈。有没有人可以帮助我？也许有人使用另一个库来测试 React-data-grid。谢谢你。

TypeError：无法读取 null 的属性“scrollTop”

我是 ReactJS 的新手，我正在尝试使用 React Data Grid。当我过滤我的表格，对单元格进行更改，然后取消过滤表格时，更改将恢复为之前的值。如果我改变 const rows = this.state.rows.slice(0); 到 const rows = Selectors.getRows(this.state); 我的更改仍然存在，但是我无法取消过滤表。

这是我处理要更新的网格行的方式：

我查看了 RDG 文档和示例。在他们的过滤器示例中，他们不允许您编辑单元格。

提前致谢！

我的反应数据网格组件在字段上有一个自动完成编辑器。当一个单元格包含一个值并被单击时，下拉和类型选择按预期工作。当单元格包含空值时，单击单元格会引发以下错误：

如何最好地摆脱这个错误？