问题标签 [fixed-data-table]

我正在创建我的fixed-data-table-2（npm）实现，其中一个编辑按钮将单元格更改为输入，可以编辑然后保存（发布）。

但是有一个主要问题......打字太慢了，因为我每次onChange在单元格上触发时都会更新整个数组（处于状态）。

事件处理程序（表）

事件处理程序（单元格）

这显然是一个坏主意......我如何才能实现相同但性能方面的目标？

笔记

onHandleInput（单元格的道具）是onChangeEditableCell（表的功能）

附言

当用户点击时，我需要data数组发布整个对象Save

这是我的渲染方法：

为什么视图仍然显示重复？这是完整代码的链接：https ://github.com/DannyGarciaMartin/react-webpack/blob/master/js/source/comp/UserView.jsx

我不明白。我的映射不应该与输入为固定数据表呈现的内容区分开来吗？

这是一张图片作为钥匙不起作用的证明......

我已经实现了使用自定义单元格类型的固定数据表。

我的文本单元格可能会被编辑，它们包含仅包含 value 属性的 State。

然后我有 onBlur 事件，该事件在输入失去焦点并更新我的表状态数据后触发。这一切都很好。

预期行为/当前行为

但是，当我的数据从分页或排序事件发生变化时，我的单元格不会使用新值更新状态，因为我在构造函数上设置状态并且它只运行一次。

重现步骤（针对错误）

JSFiddle

单击 ChangeData 并没有任何反应，但是如果您更改以下代码：

{this.state.value}

至

this.props.data[this.props.rowIndex][this.props.columnKey]

有用。

我如何重新构建单元，以便状态通过构造函数获取新值？

此示例中数据表的垂直滚动https://facebook.github.io/fixed-data-table/example-object-data.html 在 MS edge 或 IE 中不起作用。对此有什么帮助吗？

我正在尝试使用 React FixedDataTable，但我总是得到一切都是未定义的。我还是这个图书馆的新手，谁能帮我找出问题所在。

这是我的表格：

控制台.log（周期数据）：

console.log(periodTableHeader):

console.log(periodTableField):

我的语法可能是错误的吗？

我有一个简单的固定数据表组件，基于此示例， 我将其呈现在故事书中

问题是：表格的水平滚动没有出现，表格超出了容器的边界。

我在一个主要是 Angular 应用程序中使用 FixedDataTable v0.6.0。

我有以下专栏：

具体来说，在Cell标签中，我试图保留对元素的引用，以便_onCellClick我可以调用this.refs[refTag]、抓取元素并在该元素附近放置一个固定元素（工具提示）。

我需要的是：（a）一种让 ref 属性工作的方法（看起来它不是由于 Cell 是如何被克隆的）。(b) 一种获取对绑定到onClick事件的元素或事件的引用的方法。

在我的反应项目中使用 FixedDataTable 并惊讶地看到以下警告：

我所理解的是 isMounted 被视为一个反模式链接，所以我很惊讶在实际源代码中看到它。我在这里错过了什么吗？

我正在尝试使用 Facebook 的fixed-data-table构建 JSON 可配置数据表。我来到我的第一个代码为：

运行时出现以下错误：

我尝试过不同的 JSON 结构，但没有成功。相应地加载数据和模式。

我在 div 中有一个表格，如下所示：

在CSS中我有：

我认为通过将父宽度设置为 100%，当我缩小屏幕时，表格总是会缩小，但事实并非如此。

如何使表格适合父 div 和小屏幕我希望隐藏第 3、4、5 和 6 列。我怎样才能做到这一点？