多网格中的列数不起作用！反应虚拟化

Posted 2023-02-21

【中文标题】多网格中的列数不起作用！反应虚拟化

【英文标题】：Columncount in multigrid not working!! React virtualized

【发布时间】：2022-01-10 16:40:23

【问题描述】：

我已将 columncount 设置为 3 到 props，但只呈现一列。

我的方法对吗？

render() 
        const 
            rowData,
            columnCount,
            columnMinWidth,
            maxHeight,
            rowHeight,
           
         = this.props;

        const gridHeight = (rowData.length * rowHeight > maxHeight) ? maxHeight : ((rowData.length * rowHeight) + 20);
        return (
            <AutoSizer disableHeight>
                ( width ) => 
                    return (
                        <ColumnSizer
                            columnMaxWidth=width
                            columnMinWidth=columnMinWidth
                            columnCount=columnCount
                            width=width/columnCount
                        >
                            (  columnWidth, registerChild ) => (
                                <MultiGrid
                                    cellRenderer=(
                                        columnIndex, key, rowIndex,
                                        ) => (
                                            <VirtualTableCell
                                                columnIndex=columnIndex
                                                key=key
                                                rowIndex=rowIndex
                                                rowData=rowData
                                            />
                                        ) 
                                    ref=registerChild
                                    columnWidth=columnWidth
                                    columnCount=columnCount
                                    height=gridHeight
                                    rowHeight=150
                                    rowCount=rowData.length
                                    width=width
                                />
                            )
                            
                        </ColumnSizer>
                    );
                
            </AutoSizer>
        );
    

【参考方案1】：

我需要将我从 cellrenderer 道具中获得的每个单元格的样式添加到通过此函数呈现的单元格中