问题标签 [react-data-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
44 浏览

react-data-grid - 如何从不同的列而不是第一列呈现

我有一个 50 列的数据网格,我想在组件安装时呈现不同的列。这意味着我想从另一列开始呈现数据。如下图所示,而不是从 1 开始,我想从 14 开始 在此处输入图像描述

我浏览了文档,发现我可以通过使用 colDisplayStart 来做到这一点,但不知道从哪里开始。任何帮助,将不胜感激。

0 投票
1 回答
752 浏览

reactjs - react-data-grid AutoCompleteEditor 不工作

错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。

检查EditorContainer....的渲染方法

网格呈现。如果我尝试输入/编辑设置了 AutoCompleteEditor 的单元格,则会收到上述错误。

0 投票
1 回答
773 浏览

css - react-data-grid x轴滚动问题

反应数据网格 x 轴滚动不适用于浏览器(crome),我当前的(70.0.3538.77)版本(crome)但适用于以前的版本(69.***)。但与其他浏览器一起工作正常。我的 React 版本是“react”:“16.4.1”,React-data-grid 版本是“react-data-grid”:“4.0.8”,“react-data-grid-addons”:“4.0.8”

预期结果

没有滚动选项

0 投票
0 回答
209 浏览

reactjs - 在反应数据网格中显示自定义消息

当找不到要渲染的数据时,我想在 react-data-grid 中显示消息。我没有找到任何支持该功能的道具。有一些方法可用于为行和列呈现自定义 HTML,但我想在数据表的绝对中心显示消息。任何方式来做到这一点。

0 投票
1 回答
1015 浏览

react-data-grid - Is it possible to eliminate the blue border when selecting cells?

I am trying to remove the blue border that appears when you click a cell when using react-data-grid. Is this possible, or will I have to create a pull request?

0 投票
0 回答
1612 浏览

reactjs - 从 react-data-grid 中删除垂直滚动条

我想从 react-data-grid 中删除垂直滚动条。我没有找到任何相同的配置设置。但是,我设法用 css 做到这一点,但我无法调整列以采用 100% 的宽度,因为空间仍然存在于标题列行中。对此有任何建议。

我对滚动条的修复

在此处输入图像描述

0 投票
1 回答
564 浏览

javascript - 将 React Hooks 与 Electron JS 和 react-data-grid 一起使用时出错

我正在尝试将反应数据网格与电子 js 集成,并且在使用“useState”时遇到问题。控制台要求我添加错误边界并且添加也没有帮助。我在 stackoverflow 中搜索了类似的问题,并确保将 react 升级到使用 hooks 的最新版本,并且与 react-dom 相同。但即使按照上述步骤,我也无法完成这项工作。

我正在尝试遵循 react-data-grid 文档http://adazzle.github.io/react-data-grid/docs/examples/advanced-filtering中的高级过滤选项

但唯一的区别是我试图在电子 js 上使用 react-data-grid。由于我是 javascript 新手,我不确定我哪里出错了。

存储库链接:https ://github.com/shreyamdg/ReactDataGrid/tree/error-boundaries

错误截图:

使用状态错误

任何建议或帮助表示赞赏。

0 投票
0 回答
761 浏览

reactjs - 双击行时自定义行渲染

我的每一行都有与之相关的详细视图。当用户双击行时,我想在详细信息视图和行视图之间切换。对我的限制是我不确定应该在哪里定义标志。根据我的要求,标志应该与每一行相关联。

我已经完成了几乎所有的事情,除了那个标志的事情。代码示例

0 投票
0 回答
83 浏览

react-data-grid - 网格标题不随滚动条移动

我正在使用 react-data-grid 包在react.js. 要将搜索选项添加到所有列,我使用了react-data-grid-addons.

问题是现在滚动条不能正常工作:网格标题没有随着滚动条移动。

0 投票
1 回答
1078 浏览

reactjs - 如何在 react-data-grid 中禁用默认标题

react-data-grid 每个单元格都有默认的工具提示。它会自动添加标题属性。我不想要那个工具提示,我该如何隐藏它?

另外,我不想使用自定义 formatter。我认为这将是开销。

例如尝试将鼠标悬停在任何单元格上

在此处查看关于 Kristin 的不需要的工具提示

在此处输入图像描述