反應 - 使用最大寬度的cellmeasurer虛擬化？

有沒有什麼方法可以使用react-virtualized的CellMeasurer，其最大列寬使高度擴展？反應 - 使用最大寬度的cellmeasurer虛擬化？

例如，我可能在網格的第一列中有一個id字段。這絕不會變得太大，但我想根據最大的價值來確定它的大小。然後在第二欄中我有一個文本字段，我不太確定它會有多大。如果事實證明，我現在的所有數據集在第二列中都有一個很小的值，我想根據最大值進行分類。如果碰巧有一些較大的文本（超過一定寬度），我想使用該最大寬度，然後展開該行的高度以適應行文本。

從我能看到的文檔和代碼中，不支持此類功能。如果是這種情況，我認爲我最好的方法是實現我自己的CellMeasurer，它具有稍微複雜一些的功能_measure。這聽起來像是正確的行動方式嗎？

來源

2017-03-03 Troy Cosentino

您應該可以通過向呈現的單元格添加樣式約束來完成此操作。 CellMeasurer只測量瀏覽器報告的內容，而CSS控制瀏覽器的最大寬度。

陣營可能會凍結也因此流傳使用，而不是直接修改樣式對象：

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

來源

2017-03-03 16:18:56 brianvaughn

啊好吧我的錯。我看到了測量兩個維度的警告，並將其註冊爲它不允許的內容。看起來不錯，謝謝！ –

並感謝您創建插件並支持它！ –

這不是最理想的，因爲它會導致對前面的大量內容進行貪婪的測量，所以我提醒了一下。如果你能避免它，你應該。在你的情況下，我會建議考慮一個固定的單元格寬度爲300，並使用動態高度 - 但這是你的呼叫。 :) – brianvaughn

反應 - 使用最大寬度的cellmeasurer虛擬化？

回答

相關問題