问题标签 [fixed-data-table]

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 投票
0 回答
190 浏览

reactjs - Reactjs 表格组件

我一直在使用固定数据表,我想在行单击时显示/隐藏行。我在反应固定数据表中找不到与显示/隐藏或子表相关的任何内容。有什么方法可以实现这一点或任何其他表格组件可以帮助我实现这一点。

0 投票
2 回答
367 浏览

javascript - 优化 React 中组件的渲染负载

我正在 React 的帮助下开发基于电子的独立应用程序,它包含表(其中很多)。为了表示表数据,我使用Facebook 的固定数据表,我发现它非常高效且整体很棒。关键是我用逻辑夸大了它,所以现在它经常滞后。一件重要的事情是数据以这种格式进入 FDT:

FDT 以这种方式处理这些数据:

所以我有那个代码来呈现表格:

然后问题来了。每次发生变化时,reducers 都会将数据传递到某些单元格,因此整个表必须columnList.map在返回的渲染代码中运行这个东西。我不确定,但我认为这会导致有很多列的表格出现滞后。

你们会为这种情况提出一些强有力的解决方案吗?提前致谢。

0 投票
1 回答
3560 浏览

reactjs - 固定数据表函数 onRowClick 不返回行数据

这是表类,我试图在表选项中返回行数据对象 onRowClick。当我记录所有三个参数时,对象返回空。索引和单击事件 console.log 完美地返回这个here is the event: Proxy {dispatchConfig: Object, _targetInst: ReactDOMComponent, _dispatchInstances: ReactDOMComponent, nativeEvent: MouseEvent, type: "click"…} the index: 0 the object: Object {}有人知道为什么或如何获取返回的数据吗?也许使用不同的功能?

0 投票
1 回答
669 浏览

reactjs - 表(固定数据表)第一行的 React Redux 复选框保持选中状态

我在 React 上遇到了一个奇怪的问题,即使用固定数据表生成的表,其行取决于计算的状态变量。

这些行中的每一行都有一个复选框,以便能够批量选择数据。当按下按钮时,所有选中的行都会隐藏,这就是问题出现的时间:如果选中了顶行而下面的行没有被选中,当重新呈现表格时,顶行复选框保持选中状态(在原始顶行具有被隐藏)。

显示数据的普通列是动态生成的,但带有复选框的列是这样生成的:

有谁知道会发生什么?非常感谢

0 投票
1 回答
1448 浏览

reactjs - 使用 Mocha/Chai 测试复杂的 React 组件

我正在为固定数据表及其兄弟开发插件,但我正在努力使用 Mocha/Chai 设置来设置测试。我得到的错误是:

我设法找到的所有教程都显示了如何处理测试琐碎的组件,我相信错误是由于节点是一个复杂的组件造成的。

我的问题:我如何更复杂的组件?特别是我想要一些帮助:

  1. 查找包含该单元格值的节点
  2. 在测试单元是如何实现的时保持无知,例如它是 adiv还是 atd
  3. 查看第 1 行中的元素/单元格是否出现在应该在第 2 行中的元素之前或之后(用于验证排序)

背景

核心测试设置:

数据存根:

实际测试:

更新

按照建议改为酶:

我已经向 中添加了一个自动生成的 id-markerTextcell并尝试使用它来查找它,.find(`#${i}_name`)但它没有找到该对象。我已经检查了包装元素的输出,node.html()它确实包含具有正确 ID 的单元格:

0 投票
2 回答
2394 浏览

reactjs - ReactJS FixedDataTable 排序和过滤示例不起作用

我正在尝试遵循这个 ReactJS 教程:

第 1 部分:http: //4dev.tech/2015/12/reactjs-datatable-with-sort-filter-and-pagination-example-part-1/

第 2 部分:http: //4dev.tech/2016/03/tutorial-sorting-and-filtering-a-reactjs-datatable/

我成功完成了第 1 部分,我需要一些帮助才能完成第 2 部分。

这是我的第 2 部分代码:

数据表显示但不显示用于过滤行的输入字段。

浏览器控制台没有显示任何错误,除了几个警告:

我不知道问题是什么。谢谢你的时间。

0 投票
3 回答
1802 浏览

javascript - 断言一个 Prop 包含一个 React 组件

我正在使用 FixedDataTable ( https://facebook.github.io/fixed-data-table/ ),我只想断言列标题设置正确。这是我的组件定义:

我的测试如下:

测试失败并出现以下错误:

‣ AssertionError: 预期 { Object ($$typeof, type, ...) } 等于 { Object ($$typeof, type, ...) } 在上下文。(base/test/components/test_table_test.jsx:82:83)

如何测试标题是否设置为我想要的值?如何创建一个针对 proc 进行测试的匹配器?

我正在使用酶、反应、摩卡和柴。

0 投票
1 回答
3470 浏览

javascript - 反应固定数据表:未捕获的ReferenceError:未定义表

我将 React 与引导模板一起用于前端目的。我打算fixed-data-table在面板中使用。在标签中调用函数会导致浏览器出现以下错误:

fixed-data-table.js 在我的 index.html 中为

同时我也为它添加了 .css 文件。

这是创建表的反应类:

我在一个元素中调用它<TestTable />,然后在调用时产生上述错误。

即使它在 index.html 中作为其他组件定义和加载,它似乎也没有包含 fixed-data-table.min.js?

编辑:我试图在函数之前直接导入......结果现在是:import {Table, Column, Cell} from "./script/lib/fixed-data-table.min.js";

0 投票
1 回答
6574 浏览

javascript - Webpack:ES6 语法给出 Module build failed: SyntaxError: Unexpected token

我正在尝试使用固定数据表的示例,并将其与 webpack 捆绑在一起。

我正在使用 babel-loader 和我的代码,否则捆绑没有问题。

运行webpack指向一个错误,据我所知,该错误是 ES6 语法的一部分(不是 ES5)... ...,例如这里:

render() { var {sortDir, children, ...props} = this.props;

...props具体来说。

这是我的 webpack 配置:

我正在使用 es2015 并作为预设做出反应并使用 babel-loader 加载。当它应该理解和处理 ES6 语法时,它怎么会抛出语法错误?

这是我的 Package.json。我是否需要升级某些版本?

0 投票
1 回答
110 浏览

javascript - 处理固定数据表中的大量数据

我正在尝试在我的 Web 应用程序中使用固定数据表,我正在处理大量数据,例如数十万条记录。我试图一次加载所有数据,以充分利用数据表的搜索和排序功能。

是我正在使用的数据表的链接。

加载数据会花费大量时间,这是意料之中的,但在加载数据后,浏览器出现了一些故障,我的意思是它被卡住了。

如何处理功能齐全的数据表中的海量数据?