使用具有最大宽度的cellmeasurer进行React-Virtualized？

Question

有没有办法使用react-virtualized的CellMeasurer最大列宽，然后使高度扩展？

例如，我可能在网格的第一列中有一个id字段。这永远不会变得太大，但我想根据最大值来确定它的大小。然后在第二列我有一个文本字段，我不太确定它会有多大。如果事实证明我的所有当前数据集在第二列中的值都很小，我想根据最大值进行调整。如果碰巧有一些较大的文本（超过一定宽度），我想使用最大宽度，然后展开行的高度以容纳行文本。

从我在文档和代码中看到的内容，不支持此类功能。如果是这种情况，我认为我最好的方法是使用稍微复杂的CellMeasurer函数来实现我自己的_measure。这听起来像是正确的行动吗？

Answer 1

您应该可以通过向渲染的单元格添加样式约束来实现此目的。 CellMeasurer只测量浏览器报告的内容，CSS控制浏览器的最大宽度。

React也可能会冻结样式对象，因此请使用spread而不是直接修改：

style={{
  ...style,
 maxWidth: 300
}}