问题标签 [react-data-grid]

当我们在 React Data Grid 中选择多个过滤器选项时，列标题会变得混乱。有没有办法解决这个问题，以便选定的过滤器选项出现在下拉列表中的一行上方，而不是添加到列标题中。随着新的过滤键被添加到列表中，列标题的大小正在增长。

参考：https ://github.com/adazzle/react-data-grid/issues/885

```

```

上面的代码用于渲染数据网格。

我通过 addazle 使用 react-data-grids 填充了一个网格，我正在尝试选择一个单元格并弹出一个包含该单元格数据的模式。我有 enableCellSelect={true} 并且我知道我需要使用 React.createClass 但我不确定从那里去哪里。提前致谢！

我有一个需要可变行高的反应数据网格。

我大部分时间都在使用行渲染器并动态计算行高

但是，由于虚拟化创建的 div 使用固定的行高，滚动无法正常工作

https://github.com/adazzle/react-data-grid/issues/671

我试图找到一种方法来重载处理滚动的函数，但还没有找到方法来做到这一点。有没有办法使滚动过载并设置高度以使其平滑滚动？

我正在尝试测试一个组件，该组件呈现 react-data-grid 组件的基本示例（http://adazzle.github.io/react-data-grid/examples.html#/basic）。

测试代码如下所示：

当我运行测试时，我收到消息：

TypeError：无法读取未定义的属性“offsetWidth”

关于是什么导致这个问题的任何想法？

编辑： ExampleGrid 的内容是：

我想一起使用pouchdb和react-data-grid，但我很难理解正确的方法。

邮袋数据库。allDocs检索列定义和第一批行，然后是 pouchdb。更改以接受来自其他协作用户的更新。这两个函数都是异步返回一个承诺。

我能找到的所有 react-data-grid 示例都使用内联静态 json 列定义和内联静态行。

是否可以先呈现一个空网格，然后在它们到达时填充列定义和行。这些行看起来可能，一次一行，但我看不到动态引入列定义的方法，也看不到从 allDocs 回调中批量添加行的方法。

非常欢迎提出建议。

我是当今技术的新手，但我计划将react-data-grid用于宠物项目。

我有点醉酒，试图理解git, npm, react, react-data-grid, babel,和webpack,javascript它的变体......所以我想我会尝试用Facebook的create-react-app生成我的第一个简单的 react-data-grid应用程序。

我在渲染过程中遇到以下故障，我被卡住了：

TypeError: undefined is not an object (评估' WEBPACK_IMPORTED_MODULE_0_react ["React"].createElement')

我下面的简单 app.js 改编自 create-react-app 生成的模板。

我在用：

• 反应数据网格 3.0.6
• 反应 16.2.0
• npm 5.6

我正在尝试在我的项目中使用React Data Grid，我想同时使用行拖放和Drag Columns to Reorder features。

我尝试通过传递draggable: trueReactDataGrid 列属性并用 DraggableHeader.DraggableContainer 包装 ReactDataGrid 和 Draggable.Container 来做到这一点。

它使列标题可移动，但不会触发 DraggableContainer 中的 onHeaderDrop 操作，并且会出现控制台错误Uncaught TypeError: Cannot read property 'id' of undefined。

我 根据上面的描述更改了example23-row-reordering.js 。

我浏览了他们的文档，但找不到他们说这两个功能不能一起使用的地方。但是在他们的示例中没有为此提供任何示例。任何文档的示例代码描述了如何一起使用这两个功能将不胜感激。

有分页支持吗？上一页和下一页的 UI 控件以及页码的输入，以便用户可以直接跳转到指定的页面？

我正在使用带有过滤器的 react-data-grid。使用一堆自定义过滤器一切正常。

我现在要添加的是一项功能，响应用户在网格中选择项目，自动将过滤器设置为仅显示与我[双击]单击的单元格匹配的列中具有相同值的行.

我已经对点击处理程序进行了排序，我有列名和过滤器值。但现在我被困住了，因为似乎没有办法通过代码设置过滤器......？

嗯......更具体地说，我很确定我可以很好地过滤数据，我不能做的就是让网格将过滤器添加到网格标题中。

如果有人可以让我从代码中的正确位置开始查看，我可能会添加这样的功能......

我在表中使用带有过滤器选项的 React-data-grid。对于某些列单元格，我正在传递一个 DOM 对象（而不是作为字符串）。对于本专栏，过滤器功能不起作用。

这里是行...

所以，这是我的 Column Metadata 和 Rows。我将此元数据传递给 ReactDataGrid 组件。 现在 date 过滤器工作正常。但是price，由于此内联 DOM 元素，此过滤器无法正常工作。

有人可以帮我解决这个问题吗？