如何在反应虚拟化表中测量单元格大小

问题描述

我正在尝试在反应虚拟化表中做自动调整单元格。

这是表：

post_doc

这里是 cellRenderer：

<AutoSizer>
                {({ height,width }) => (
                    <Table
                        width={width}
                        height={height}
                        headerHeight={20}
                        rowHeight={30}
                        deferredMeasurementCache={cache.current}
                        rowCount={usersData.length}
                        rowGetter={({ index }) => usersData[index]}
                        cellRenderer={cellRenderer}
                    >
                        <Column label="User Data" dataKey="userData" width={width / 2} />
                        <Column label="Activities" dataKey="userActivity" width={width / 2} />
                    </Table>
                )}
            </AutoSizer>

当我看到 List 指南时，我认为 cellRenderrer 应该在 Table 组件中，但它什么也没做。

如果我将 cellRenderrer 放在列组件中，它没有键和样式道具可以正常工作。

我该怎么办？

解决方法

我从示例中解决了我的问题：https://github.com/bvaughn/react-virtualized/blob/e360d958b99fa965fd3f1caed4506403ad652cd3/source/CellMeasurer/CellMeasurer.DynamicHeightTableColumn.example.js