问题标签 [react-table]

我的应用程序中有一个react-table组件并传递下一个道具：

changing_state_func是一个改变包装 react-table 的组件状态的函数。具体来说，此函数填充一个数组，该数组包含行的数据对象的 id。所以我想用这些 id 的数据突出显示行......无法弄清楚如何使用这个特定的数据网格来做到这一点。也许有人在这种情况下有使用 react-table 和示例的经验。

我正在使用react-table并且对每个有效的列都有一个过滤方法。但是，我似乎无法弄清楚我实际上如何设置过滤器输入字段的样式——它现在是白色的，并且与背景融为一体。

这是一个代码笔，其中“姓氏”列是可过滤的，带有一个输入字段：https ://codepen.io/anon/pen/QgOdOp?editors=0010

我想为这个输入字段添加一些语义样式，例如：

但我似乎不知道如何将输入值绑定到列本身。

我在特定列中尝试了以下内容，但它没有呈现任何内容：

我正在尝试找到与我的 react 应用程序一起使用的最佳表格，目前，react-table提供了我需要的一切（分页、服务器端控制、过滤、排序、页脚行）。

话虽这么说，我似乎无法选择一行。没有任何例子可以证明这一点。

我尝试过的一些事情包括尝试在单击该行时设置一个类名。但我似乎无法在enor中找到调用元素t。另外，我不喜欢这种方法，因为它不是 react 应用程序应该做的事情。

一些可能的解决方法是将复选框呈现为第一列，但这不是最佳选择，因为它限制了单击以“激活”该行的区域。此外，视觉反馈的表现力也会降低。

我想念房间里的大象吗？如果没有，你知道另一个支持我之前描述的东西的库吗？

谢谢！

编辑： 另一个选择，这是开源的，是建议编辑。也许这是正确的做法。

编辑 2

Davorin Ruševljan 在评论中建议的另一件事是：

这会将“FirstName”列设置为“selected”，但不会将类设置为“green”

我需要按列实现表格排序，所以我使用 react-table 的 ReactTable 组件重写我的反应表组件。

其中一个表格单元格将包含一个链接，并且需要访问多个行属性。到目前为止，链接列代码如下所示：

它会产生这样的元素：

生成的锚元素缺少 id 和 href 属性。我究竟做错了什么。

有人可以向我解释一下为什么我不能在名字列上设置固定宽度吗？它设置了传递的宽度，但它破坏了整个表格。如果你调整大小（通过鼠标），其他列会出现。这是由于 flebox 造成的吗？我不熟悉 flexbox。

如果有人可以添加react-table标签，我会很高兴。

我已经完成了根据我的实时可调整大小容器更改 pageSize：在我更改页面之前它运行良好。

一旦我改变页面，如果我降低容器的高度，表格的高度不能低于我改变页面时的高度。

换句话说，当我更改页面时（例如从第 1 页到第 2 页），假设高度为 360px，约 12 行，如果我更高，则 360px 行会顺利“添加”，但是当我低于 360px 时，桌子的高度不再改变。

注意：在更改页面之前，一切正常。

在 Github 上有人告诉我这是一个实现问题，但我觉得它可以解决。有谁知道如何做到这一点？

所以我想使用react-table创建一个可排序的列，为每一行编号（根据它在数据集中的位置）。

根据文档，排序是通过比较accessor值的排序函数完成的。但是，与选项不同，该accessor选项不公开索引Cell。

所以这意味着这不起作用：

我目前的解决方法是将索引直接注入数据集中，如下所示：

这并不是真正的最佳解决方案，尤其是对于大型数据集。有没有更好的方法我没有看到？

是否有在某个时刻重置过滤器字段的说明？过滤任何列都可以很好地调用onFetchDataAjax 调用来过滤数据。但是在过滤信息后我需要一些操作，重新渲染表格。在我班级的另一个函数中，我执行：

但是表更新后要过滤的信息仍然在字段中。

react-table 库的文档（https://github.com/react-tools/react-table#data）指出：

“只需将数据道具传递给任何类似于数组或对象的东西。”

但是，在传递数据数组时，表格按预期呈现，但在传递对象时，出现错误：

“提供给data的类型无效的道具，预期的。”objectReactTablearray

示例数据对象如下所示：

这是我的对象结构的问题，还是仅仅意味着库不支持以这种方式通过对象填充？

注意：我更喜欢将这个数据结构（它将变得很大）作为一个对象（字典）而不是一个数组来维护，这样我就可以通过键有效地访问元素以供其他用途（在反应表之外）。

我目前正在使用React-Table，它运行良好。

我想根据表中过滤的数据有一个动态的pageSize 。

我在构造函数中的状态

由于该onClick()事件，这在单击时效果很好。我希望它触发onLoad()页面。更改onClick()为onLoad()没有任何作用。

任何帮助表示赞赏！