问题标签 [fixed-data-table]

我有一个希望在表格中可视化的 Javascript 数组示例。

这是数组：

在 React 中使用fixed-data-table，我希望将这些数据放入一个表中，其中 First、Second 和 Other 是行，而 IN/OUT 是列。

假设我希望用“in”值填充一个字段，然后用“Out”值填充。我是否将嵌套值引用为First[0].In并First[0].Out检索它并将其显示在特定单元格中？

Is there something like rowspan in fixed data table, so that I can merge cells.

Or any other way to achieve a table like below

Given data is

We have a react app with this OurController item. The OurController is working fine. Adding the following code from an example breaks entire app, no page will render in the browser:

Beginning of file is

As soon as I comment it out, all is well, but I want to follow tutorial as closely as possible

The error is like

with an arrow pointing to ...props, seeming like it doesn't understand ... (arrow points to the first dot)

The guide is this snippet for fixed-data-table:

https://github.com/facebook/fixed-data-table/blob/master/examples/ObjectDataExample.js

I know the entire file is important in general but I promise the code works as expected until adding TextCell. We have certain babel loaders but I did not see the fixed data table ask for more:

An express server is configured likewise and is working (hot reload, etc)

We have used ES6 and working as in things like

class OurDataTable extends React.Component {

etc

我正在使用 Facebook 在此处可视化的示例：https ://facebook.github.io/fixed-data-table/example-resize.html

源代码（我使用的是“旧”样式，带有 React.createClass）在这里：https ://github.com/facebook/fixed-data-table/blob/master/examples/old/ResizeExample.js#L35

我已经稍微修改了我的代码。我可以将我的数组解析为单元格，这很好。但是，能够拖动列的整个功能不起作用：鼠标确实正确地执行了拖动列线的动画（如第一个示例中所示），但它永远不会“粘住”。是什么赋予了？

这是一些示例代码。也许我在状态处理方面做错了什么？

（这是一个样本）

我已经修改了一些东西，使其能够从我的后端收集数据，但它可以正常工作并正确显示。唯一不起作用的功能是拖动列（如 facebook 调整大小示例）。原因可能是什么？

我在面板中有三个表（来自 React 的固定数据表）。它运作良好 - 但在较小的分辨率下，三个表格将相互重叠。有没有办法让它们可扩展？

这是返回表的代码：

它们在另一个文件中被调用，使用 react-grid-layout 如下：

它在 4k 显示器上显示良好，但问题是表格本身无法缩放，因此在 1080p 分辨率下，它们只会相互凌乱。由于我使用React-grid-layout的是可以调整各个面板大小的位置，因此需要具有分辨率的可扩展性，因为用户可以自己更改面板大小。现在，如果您将面板缩小，表格将相互重叠。

如何使它们调整为父 div（可调整大小的面板）？

我对表格缩放字体和所有东西的宽度/高度都很好，因为这对于低分辨率显示器来说甚至更好。

我正在尝试实现 Facebook 的“过滤器示例”，显示在这里，源代码在这里。

filteredDataList.getSize()对于被调用的状态，我遇到了一个奇怪的错误。Chrome 中的控制台声明：Uncaught TypeError: filteredDataList.getSize is not a function

我已经更改了输入数据，因为 Facebook 使用外部类，使用 Javascript 映射（我也尝试使用数组），但它似乎与定义的class DataListWrapper位置有关？getSize

这是我的源代码：

为了简单起见，我已经更改了几列，但在开始时，我的示例在填充没有过滤状态的表时效果很好。只有在添加过滤器示例状态后它才开始抛出此错误 - 它与DataListWrapper类有关。

我正在尝试使用React 开发人员的这个示例来为表创建搜索过滤器。

我的表格可以静态处理来自后端的数据。我为“样本”数据取出了一个数组，以使搜索功能正常工作。但是我很难理解他们如何使用“假数据”来填充他们的表，如此处所示，而不是“只是”用我想要的测试数组填充它。

这是我的源代码。我想过滤“firstName”列，就像在 Facebook 的示例中一样（为简单起见）。错误源于调用 getSize() 时......但我怀疑问题出在其他地方。

我正在用数据填充一个表 - using fixed-data-table，这是一个 React.js 组件。然而，这在现阶段并不那么重要。

该表有一个搜索框，问题源于此。

首先，这是代码中有趣的部分。

如果您在表中输入某些内容，则会呈现此内容，最后一部分将引发错误，并且null从用户输入返回一列。

问题是，如果我将最后一部分更改为..，我可以使代码工作。

使用 try/catch，它可以 100% 按预期工作并处理返回 null 的 indexOf ......但这不是正确处理它的方法 - 我假设这种异常处理应该是对于罕见的例外，不应该像后端一样在前端使用。

如何处理上述 Javascript 代码中返回 null 的 indexOf？它可能在正在填充的任何源列中返回 null。

我正在用数据填充一个表 - using fixed-data-table，这是一个 React.js 组件。然而，这在现阶段并不那么重要。

该表有一个搜索框，问题源于此。

首先，这是代码中有趣的部分。

如果您在表格中输入某些内容，则会呈现此内容，最后一部分将引发错误，并且null在给定单元格中返回一列。

问题是，如果我将最后一部分更改为..，我可以使代码工作。

使用 try/catch，它可以 100% 按预期工作并处理返回 null 的 indexOf ......但这不是正确处理它的方法 - 我假设这种异常处理应该是对于罕见的例外，不应该像后端一样在前端使用。

如何在不使用 try/catch 的情况下处理标题中的错误？

这可能是一种反模式，但我正在使用固定数据表来显示具有变化列的表。resize 函数根据状态变化调整每列的宽度。但是，我需要从收到的道具中构建状态或列。我无法从渲染函数更新状态。有没有更好的方法来解决这个问题？到目前为止，我最好的解决方案是将状态宽度生成为 100，但这是暂时的。