问题标签 [fixed-data-table]

我正在按照教程使用 React 创建 FixedDataTable。但是，让以下行在我的 jsx 文件中工作时遇到一些问题：

这给出了错误（在 Chrome 中）：

Uncaught SyntaxError: Unexpected token {

我正在使用browserify和reactify将我的 jsx 代码转换为 javascript。其他使用 require 的行可以正常工作。

我对 JavaScript 和 React 很陌生，如果有任何解决问题的建议，我将不胜感激。

我正在尝试让固定数据表示例工作：

但是当我运行 webpack 时，它一直抛出这个错误：

我认为 webpack 将 {rowIndex, ...props} 视为格式不正确的对象，但我不确定下一步该去哪里。

这是我的 webpack.config：

这里有固定数据表示例：

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

但我很难理解这一点。

我用 ES5 写了一些关于固定数据表的代码。现在我想在我的代码中添加“过滤”示例。但是示例是 ES6。

你能帮我理解或如何将 ES6 转换为 ES5。

这是我的代码：

我在我的项目中使用固定数据网格。

https://facebook.github.io/fixed-data-table/example-sort.html

我想获取 csv 和 pdf 报告。是否可以直接将网格数据导出为 pdf 或 csv？或者我该怎么做才能使用数据网格的数据提供者（JSON 数组）获取 csv 和 pdf 报告？

我需要使用 React.js 在我的数据网格项目中使用分页。

我使用固定数据表，我需要知道使用 ES5 进行分页的最佳方法是什么。（尤其是 ES5）

这是固定数据表链接：

https://facebook.github.io/fixed-data-table/

您能否在 React.js（使用 ES5）中展示任何分页示例，或者我该怎么做？

这是我的报价，我想在我的固定数据表中显示它们。如果报价是全球性的，则数据中没有条目。

如果没有可用的国家/地区，我想要一个显示“全球”的自定义单元格。但我看到问题出在它自己的表中，因为如果没有条目，它就无法构建一个单元格......

那么对于这种情况，最好的方法是什么。我是否围绕我的原始数据构建一个包装器并“伪造”那些没有国家对象的案例？

我正在我的项目中尝试固定数据表。

但是我有一个关于排序的问题。

这里我使用这个例子： https ://github.com/facebook/fixed-data-table/blob/master/examples/old/SortExample.js

它按 desc 或 asc 排序。但我对此有疑问。

例如，当我第一次按名称对其进行排序时，它会带来这个排序后的数组。

编号：2 姓名：玛丽

编号：4 姓名：玛丽

编号：5 姓名：玛丽

id:1 姓名：安娜

id:3 姓名:安娜

没关系。但是当我按名称 desc 再次对其进行排序时。它带来了。

编号：4 姓名：玛丽

编号：2 姓名：玛丽

编号：5 姓名：玛丽

id:3 姓名:安娜

id:1 姓名：安娜

好的，它按名称排序，但问题是：它改变了相同值的索引。例如，它将 (id:4 name:Mary) 带到第一行。

但是当我第一次排序时，它带来了（id：2 name：Mary）。

为什么它会更改相同的值索引？

排序方法有问题吗？

编辑：这是我的完整代码：

我在对固定数据表进行排序时遇到问题。我尝试使用这个例子： https ://github.com/facebook/fixed-data-table/blob/master/examples/old/SortExample.js

当我第一次按名称降序排序时，它会成功排序并将前两行带到这些值：

编号：11 姓名：玛丽

id:1 姓名：玛丽

……

之后我按名称升序排序，然后我再次按名称降序排序。

它带来了前两列这些值：

id:1 姓名：玛丽

编号：11 姓名：玛丽

……

为什么它会更改同名值的索引？(id:11 和 id:1)

我每次都需要相同的排序索引。有什么问题，我该如何解决？

我正在尝试使用 ES6 学习 ReactJS，同时设置一个 Fixed-Data-Table 的实例。我正在使用来自 github 存储库的 ObjectDataExample 示例，但我想使用从远程 JSON 资源获取缓存的 DataListStore，而不是馈送到 DataListStore 的 faker() 值。这就是我定义我的 DataListStore 的方式：

如您所见，我或多或少地遵循了固定数据表中的示例提供的 FakeObjectDataListStore。JSON 被正确获取，_cache 填充了一个对象数组，当你在 getRemoteData 执行后输出 getSize 时，你确实得到了 _cache 的大小。但是，我还没有弄清楚一旦获取数据后应该如何更新我的固定数据表 Table 组件。目前，表格已呈现，但只是没有行的空白。

我认为主要问题是一旦 MyDataListStore 填充了来自异步调用的数据，我就没有任何代码来填充表。但是，我无法从 Fixed-Data-Table github repo 或文档中给出的示例中找到任何帮助。知道如何完成这项工作吗？我假设我需要设置某种事件侦听器，但我不确定在哪里/如何执行此操作，因为我对 ReactJS 和 Fixed-Data-Table 仍然是新手。

编辑：我还应该补充一点，当页面加载时，我收到以下错误： Uncaught TypeError: Cannot read property 'id' of undefined 一旦我将初始 this.size 设置为大于 0。所以当然表没有首次加载时具有可用数据。

编辑2：在进一步研究之后，看起来如果我在我的 ObjectDataExample 的 componentDidMount 中运行 fetch 并使用 this.setState(); 重置 dataList 对象，然后我更新表。但是，这看起来有点混乱，我认为有更好的方法可以直接从我的 MyDataListStore 对象执行此操作。

谢谢，

如何实现分页？fixed-data-table

我想用fixed-data-table. 根据文档，我们必须为其设置高度，以便我可以计算visible zone显示行。

有没有办法做到这一点？任何棘手的方式也欢迎。谢谢。