reactjs - 有没有办法虚拟化(例如使用react-window)antd嵌套表？

Question

antd 有 example在他们的文档中通过 react-window 集成虚拟滚动以提高大型表数据的性能

有人为 nested tables 做过类似的事情在antd？或者有任何关于如何操作的指示/提示？

Answer 1

<div
    className={classNames('virtual-table-cell', {
        'virtual-table-cell-last': columnIndex === mergedColumns.length - 1,
    })}
    style={style}
>
    {mergedColumns[columnIndex].dataIndex !== '' &&
    !mergedColumns[columnIndex].render ? (
        <div> {rawData[rowIndex][mergedColumns[columnIndex].dataIndex]} </div>
    ) : (
        <div>
            {mergedColumns[columnIndex].render(
                rawData[rowIndex][mergedColumns[columnIndex].dataIndex],
                rawData[rowIndex]
            )}
        </div>
    )}
</div>