React-virtualized：如何仅使用minWidth

Question

我有<Column />宽度attr。如何使最后一列宽度等于所有可用宽度（我的意思是块中的所有其他可用空间）？尝试设置minWidth，但需要宽度...

如果我设置了大量的宽度，我在小屏幕上的其他列会减少​​。

Answer 1

查看Column docs。相关的是：

flexGrow    Number  Flex grow style; defaults to 0
flexShrink  Number  Flex shrink style; defaults to 1
maxWidth    Number  Maximum width of column; this property will only be used if :flexGrow is greater than 0
minWidth    Number  Minimum width of column
width       Number  Flex basis (width) for this column; This value can grow or shrink based on flexGrow and flexShrink properties

在这种情况下，我认为您只需要将flexGrow={1}添加到上一栏。 Table使用弹性框布局。

FWIW这也是react-virtualized Table demo的工作原理。您可以看到其源代码here。