问题标签 [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 投票
1 回答
234 浏览

javascript - 使用预先存在的 redux 存储实现固定数据表 2 排序?

提前感谢您为我提供的任何信息或指示。

我对反应比较陌生。我继承了一个已经为客户工作了几个星期的预先存在的项目,到目前为止一切进展顺利。我遇到了需要添加到项目中的功能。

因此,该项目使用 fixed-data-table-2 库并显示一个非常简单的表,其中包含 2 列,一个是复选框,另一个是文件名。

基本上,客户要求我允许他们在 ASC/DESC 两个方向上单击标题 col 时按字母顺序对文件名称进行排序。

我可以只使用一个不同的库,我会这样做,自动包含这种排序,但客户限制我使用这个库,因为它用于他们所有现有的工具等等......

我一直在使用示例库来尝试实现它,但我对他们在示例中使用的数据感到非常困惑。由于我使用的是 redux 商店:https ://github.com/schrodinger/fixed-data-table-2/blob/master/examples/SortExample.js

任何有 Redux 经验的好心人能给我一个指针或一个例子。

我的项目正在使用容器(逻辑),(组件 UI)。使用 reducer 改变通过动作调用的状态。

我不愿意分享这个项目的代码,因为我自己不拥有代码。

我了解移动部件,但文档中给出的示例令人困惑。再次感谢您提前提供的任何建议。

编辑 我对这个有点不知所措。再次,我是 React 的新手,并且希望在完成这项任务时得到一些帮助。

客户端使用抓取术语,它只是一个 zip 文件。

所以这是我的标题单元格组件,用于显示数据 id 排序的箭头方向:

这是我的容器:

我还在我的减速器中添加了脚趾动作:现在我只希望它朝一个方向排序,稍后我将添加反向功能:

我将我的标题单元格组件包含在上面提到的表格组件中。

我很想为以下错误提供一些帮助:

React 无法识别headerCellDOM 元素上的 prop。如果您有意希望它作为自定义属性出现在 DOM 中,请将其拼写为小写字母headercell。如果您不小心从父组件传递了它,请将其从 DOM 元素中移除。

我总共有 3 个错误,都与无法识别的道具有关。

请耐心等待我,因为我只是在几周内做出反应,所以如果我错误地使用了 state 和 props,我深表歉意,我知道我绝对没有正确遵循 propTypes 范围。

现在只是最后一点,当我单击列标题时,我正在调用 SORT_GRABS 操作,该操作调用了我的减速器,但没有任何反应。感谢您提前提供任何帮助。

0 投票
0 回答
146 浏览

reactjs - 如何在反应固定数据表中显示动态选项、行和列

我正在使用反应固定数据表。

目前它将标题名称作为名称(静态),对于单元格值,我需要给出列名。

我已经写了根据 json 响应显示动态标题和行值。

但不知道如何给这里。

另外我想根据我的 json 响应给出过滤器选项,而不是硬编码。