问题标签 [react-virtualized]

我正在使用来自“ react-virtualized ”的表。一切都很好。

我使用rowRenderer自定义我的行以添加“ react-dnd ”并让我的行能够被拖动。

我的问题是关于细胞的。是否可以自定义它们？像使用一些 React 组件作为单元格内的下拉菜单一样吗？

一切都存储在 { columns } 道具中，但不知道如何使用它。

非常感谢这个惊人的库。

我在构建无限滚动列表时遇到问题。我需要保持滚动位置，但在底部呈现更多行。react-virtualized提供scrollTo，但这似乎还不够，因为我们没有当前的 scrolledTo 索引。使用 动态计算scrollTo索引clientHeight，scrollHeight并且scrollTop只能提供近似值，尤其是当行具有动态高度时。

有什么建议么？

我正在尝试将 react-virtualized 实现到我的项目中。我有一个带有细分列表的侧面板。当用户选择一个项目时，我希望有一个类似手风琴的功能。当页面首次加载时，它看起来工作正常。

然而，当我开始向下滚动列表看起来像这样

这是代码

我正在使用反应虚拟化表。我想在 onRowsRendered InfiniteLoader 上渲染看起来像这样的行时添加占位符。在处理预取数据时，我可以使用这种数据占位符吗？

[解决] 为了减少用户分心，我在 ReactVirtualized__Table__row 类中添加了一个 css 动画

我正在尝试在具有自己状态的表上创建自定义行。不幸的是， Table 组件上的 rowRenderer 属性必须是Proptypes.func而不是完整的反应组件，我可以访问生命周期方法和state. 这是有原因的，还是有另一种方法让我能够为每一行拥有一个有状态的组件？

见https://github.com/bvaughn/react-virtualized/blob/master/source/Table/Table.js#L167

我还应该提到，我知道这些行组件在它们滚动离开屏幕时可能会被卸载。我可以接受，只要它在视口中时我可以拥有它的状态。

出现错误 - TypeError: list.get is not a function

我的父组件：

现在在 TableExample.jsx

我在里面遇到错误-

我没有使用不可变列表，而是使用我自己的对象。如果我做

我还有一个问题，您可以在我的 datakey 上方看到我的对象结构？根据我对使用 datakey 的理解，我们在 object 中引用键名。那么如果我想在列中显示文件名数据，它应该是 datakey="filename" 吗？如果我的对象包含我不会在表中显示的其他键值对，是否可以？

请帮忙...

重叠截图：

react-virtualized 中的文档不清楚如何处理行选择。我需要：

• 跟踪选定的行
• 突出显示选定的行
• 查询选择了哪一行（我关心获取它的数据）

似乎有一种方法可以处理行点击事件并在每行的基础上更改样式类。我假设我必须根据这些参数滚动我自己的选择跟踪。我希望我错了，有更好的方法。

比你

我正在为我的表使用 react-virtualized。我想在我的一个单元格中单击一个按钮时显示一个下拉菜单。

问题是我的下拉菜单被表格的行高抑制了。

使用 rowHeight={40}

使用 rowHeight={200}

我玩过css定位。但到目前为止没有任何效果。

下拉菜单代码 -

任何帮助将不胜感激..

我基本上希望使用 react-virtualized Table 来做到这一点： https ://bvaughn.github.io/react-virtualized/?component=ScrollSync#/components/Table

使用可滚动的表格主体制作粘性页脚，如页眉。

我在 AutoSizer 中为页眉+正文和页脚创建了 2 个表格。但是当第一个表格滚动时，我的页脚宽度不正确：screenshot。我该如何解决？或者通过其他方式实现粘页脚

更新

渲染方法

想象一下宽度为 1000 像素的窗口。四个 100 像素宽的文本列。我想让列长到 250px 以填充全宽。

我正在使用 AutoSizer 和 MultiGrid。