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。