问题标签 [react-data-grid]

有没有办法在 React Data Grid 中默认打开（显示）过滤器？最好是让我避免将toolbar={<Toolbar enableFilter />}道具传递给<ReactDataGrid />

通读Adazzle组件文档，似乎没有明显的道具可以在<ReactDataGrid />显示过滤器的主要组件上传递，而无需onToggleFilter()通过<Toolbar />组件调用。

我正在构建的最终网格组件将呈现过滤器输入，用户立即可见和可编辑，无需“点击清除”或以其他方式调用记录的onClearFilters()函数。这也使<Toolbar />组件（和嵌套<Filter Rows />按钮）变得不必要。

我当前的组件是...

理想情况下，最终组件看起来像这样......

用户按 Enter 键时如何过滤 React Data Grid？

过滤的事件处理程序获取传递给它的过滤器，而不是事件本身。

我正在尝试将 ReactDataGrid 用于我的 Web 应用程序。但是我在渲染时遇到了问题。我有Cluster要渲染的对象。集群可以通过点击一一选择或者也有select all功能。当我单击全选按钮时，数据网格会平滑地呈现所有数据。然而，当我尝试一一选择集群时，数据网格开始于render数组的第二个对象之后。我试图看看发生了什么console.log()。例如，当数组中有一个对象时，数组的长度打印为0。所以，它每次都从-1开始。

这是集群对象。在对象下方，我打印了它的长度。

对象-数组关系有什么问题吗？我的意思是我应该将对象转换为数组吗？

请帮忙。

这是ClusterDetailGrid组件文件。

我正在使用反应数据网格。当我在移动设备中加载网格时，冻结的列在水平滚动时闪烁。这是重现错误的链接。

http://adazzle.github.io/react-data-grid/examples.html#/fixed-cols。

只需在移动视图中加载网格并尝试水平滚动。

以前遇到过此问题的任何人，请提出一些解决方案

我试图掌握 react-data-grid 的窍门，他们页面上的示例有一个“玩弄它”链接，可将您带到 jsfiddle。出于某种原因，我无法在 jsfiddle 上看到输出。对此有什么解决方案？

我正在使用 react-data-grid-addons 和 react。当我在安装后运行我的项目时，我在 react-data-grid-addons.js 中收到一个错误和其他一些错误

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

如何解决这个问题？

在 react-data-grid 中使用自定义标题单元格时如何实现排序和过滤？

我的 myColumn2 排序很好，但自定义标题没有任何反应：myColumn1。我需要在 renderHeader(){} 中做什么才能使排序（和过滤，但主要是排序）工作？

大家好，我正在尝试将 react-data-grid 和 react-data-grid-addons 库设置为 webpack 中的外部库，因此它们不会包含在我的资产捆绑中。在我尝试将其全部移动到 webpack 的外部部分之前，我已经完成了所有工作。我在一些堆栈跟踪中发现了以下错误消息，但无法使其正常工作。也许我的用例有点不同，问题出在其他地方？这是我收到的信息：

React.createElement: type is invalid - 期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：对象。检查Table.

我在 package.json 中使用以下版本：

在我的 webpack module.exports 的外部，我有：

最后是我要渲染的表格的整个逻辑。我试过在顶部使用导入，但无济于事:(有什么我做错了吗？该表是我使用的示例，来自 react-data-grid 给出的可过滤和可排序表示例（http://adazzle.github.io/react-data-grid/examples.html#/filterable-sortable-grid）。但是必须将其更改为打字稿结构。

由于 React Data Grid 在服务器端渲染方面存在问题，因此在我进行文件捆绑时它给出了错误“未定义自我”。为了解决这个问题，我在我的模块中使用了以下代码来修复它。

var ExecutionEnvironment = require('exenv'); if (ExecutionEnvironment.canUseDOM) { var ReactDataGrid = require('react-data-grid'); var {Toolbar, Filters: {NumericFilter, AutoCompleteFilter, MultiSelectFilter, SingleSelectFilter}, Data: {Selectors}} = require('react-data-grid-addons'); }

但是，以下上面的代码修复了“自我未定义问题”。但是，它导致过滤器功能不起作用。我在控制台中单独面临以下警告“getDefaultProps 仅用于经典的 React.createClass 定义。改用名为的静态属性defaultProps。” 过滤器不工作。如图所示，过滤器行看起来很模糊

我正在尝试为我的表中包含用例的数值的列实现下拉过滤器（Singleselect/multiselect/autocpmplete），但在 react-data-grid 版本 2.0.0 和 react-data-grid-addons 版本中2.0.0 我无法做到这一点。有什么解决办法吗？并且自动完成过滤器仅适用于具有字符串值的列。在下面的代码中，Singleselect 过滤器根本不起作用，ftPad、ptmPad 等具有数值的列，如果我应用自动完成过滤器，它也不起作用，但是，它适用于字符串值。在具有数值的列上实现此过滤器的任何解决方法？