问题标签 [fixed-data-table]

我已经将网格的工作示例放在一起，并希望将 IconMenu 添加到网格每一行的列中。我看到了图标按钮，但是当我单击它时，我没有看到菜单。下面是网格的代码。

有没有人设法从 material-ui获得与IconMenu一起使用的固定数据表？

我的要求是从存储中获取数据并使用固定数据表填充它，并且我需要针对每一行放置一个编辑按钮。单击编辑按钮后，我需要在更新字段后在具有可编辑选项的模式框中显示行数据，最后单击模式框中的保存按钮，数据需要在数据库中更新，固定数据表也需要也更新。

到目前为止，我一直在使用固定数据表显示商店数据，每行都有可编辑选项。但是在更新数据库中的记录后卡住了如何只更新固定数据表行而不刷新整个表。

下面是我的代码，不知道这是否是正确的做法

我想将行设置与 Griddle 中的单独设置菜单分开。

DataTables 库在其主页上有一个很好的示例。我本质上想重新创建 DataTables 布局，但使用 Griddle 库

https://www.datatables.net/

http://griddlegriddle.github.io/Griddle/quickstart.html

我通过浏览器调整大小来更改组件根 div 的样式。这也会触发每个子节点进行渲染。我正在制作一个包含许多子组件的复杂地图，包括表格和 fb 固定表格组件。

该组件基本上有 3 个子表，其中一个还从主组件获取新的宽度/高度。所有人都在那里自己的div。

我前几天刚开始反应，希望有人能给我提示。如果有不清楚的地方，请告诉我。

调整大小：

样式对象

使成为（）

（它的实验代码，所以绝对不是最优的）

我正在使用带有 react es-6 的电子，我需要显示固定数据表中的数据，因为我这样编写代码这里是主类代码，我正在调用 fixedTable

子类：这里我在此类的构造函数（道具）中使用固定数据表我需要将结果设置为我在父类中获得的结果数据

非常感谢任何帮助

在这个反应代码中，我试图将数据设置为当前状态，将数据设置为状态后，我需要在固定数据表中使用它。为了实现它，我写如下。主要问题是“ componentDidMount中的this.setState没有被执行/到达我需要在那里调用数据表函数的地方。这是我的代码：

状态已成功更新，但在未达到该语句之后， IN componentDidMount，非常感谢任何帮助。

我是 React 的新手，我正在研究如何使用它来构建一个广泛的记录器。我们之所以考虑这个框架，是因为我们将展示大量内容，并且我们需要它具有响应性和动态性。其中一个要求是在单个单元格中插入自定义单元格内容，例如未排序的列表或几个图像。

我在弄清楚如何完成时遇到了一些问题。当然，放置简单的内容（例如文本）很容易，但是当我尝试插入列表时，所有内容都会崩溃。现在，我正在对 FixedDataTable 进行一些测试，因为它似乎是自定义最多的一个。问题是设置行内容很容易，我只需要提供一组值，但我不知道如何将单个单元格变成其他内容。我尝试手动创建，甚至给它纯 HTML，第一个选项不起作用（我得到一个带有 [Object object] 的 div），第二个只是在单元格上写标签。

有人可以提供一个如何做到这一点的例子吗？现在，我不拘泥于任何框架，但我们确实想要基于 React 的东西，任何帮助将不胜感激。

非常感谢！

我正在使用来自以下网址的 Facebook 固定数据表：https ://github.com/facebook/fixed-data-table

所以我正在尝试使用 ES6 将 ReactCreateClass 组件转换为 React 组件，这里是 React Class ：

这里是使用 React ES6 的结果：

它工作正常，但我不明白为什么我需要使用 bind 方法在 React ES6 组件中添加 rowGetter 方法和属性。如果我需要将其他 React 组件从 facebook 或其他转换为 ES6，这将非常冗长且混乱。为什么我不能直接将渲染方法从 ReactClass 复制并粘贴到 ES6 中的 React 组件？

定义固定数据表时，使用rowHeight属性指定行高。但是如果内容cell太大，通过设置一个静态值（例如，50 像素高），它会被截断，因为高度是明确设置的。我看到有一个rowHeightGetter回调函数，但该函数的参数似乎没有任何相关性（也许它可能是它正在获取的行？哪种有意义，但与特定列的数据无关cell）。

所以我很好奇，有没有办法让它cell（甚至有点）响应它包含的数据？

这是一个简单的示例，但是如果/当您运行它时，您会看到第一列单元格的内容被截断，并且不允许您查看其中包含的其他内容。

我一直在这个问题上撞墙有一段时间了，还没有找到任何可以帮助我的东西。我开始认为我需要使用其他东西。任何人都可以提供任何提示或建议吗？

谢谢，克里斯托夫

我的表中有动态数据。单元格中的数据量可能会发生变化。我已经实现了rowHeightGetter一种计算行高的方法。当我向单元格添加内容并重新渲染我的表格时，内容会出现并且单元格更大，但如果额外的内容导致溢出，滚动条不会出现。请查看 jsfiddle 并单击一行。您将看到您无法再访问表格的最后一行，直到您再次单击。

https://jsfiddle.net/3cooper/ed7Ltc6o/1/

_calculateState()调用时似乎没有从 rowHeightGetter 方法获取实际行高

此时，它通过检查表上的 rowHeight 属性来获取行的高度。我看到_calculateState()还有其他电话最终要求this._scrollHelper._updateHeightsInViewport()正确获得高度。是否应该再次这样做。今天才真正开始研究这个 - 所以我可能会遗漏一些明显的东西。谢谢。

有没有更好的方法来处理这个？

更新：

另外，我注意到一旦出现滚动条以便内容可以滚动，如果再次单击一行，则向下移动但滚动条不会调整的表格。然后，一旦您开始向上滚动，滚动就会跳到正确的位置，并允许您正确滚动整个表格。