React-virtualized -是否可以使用自定义列？

Question

我正在使用react-virtualized来呈现我的表。有没有可能用自定义的列组件替换默认的列组件？我一直收到这个错误Failed prop type: Table only accepts children of type Column

Answer 1

当然，您可以通过在列中使用cellRenderer prop来实现这一点，它是一个回调函数，它将为您提供一堆参数，您需要返回将在单元格中呈现的自定义组件

<Column key={column.dataKey + column.label + index} dataKey={column.dataKey}
        cellRenderer={
            ({ cellData, rowIndex, dataKey }) => (
                <CheckBox
                  cellData={cellData}
                  changeCheckBox={changeCheckBoxHandler.bind(
                    this,
                    rowIndex,
                    dataKey
                  )}
                />
              )
            }/>

你可以在这里找到详细的答案。https://github.com/bvaughn/react-virtualized/blob/master/docs/Column.md#cellrenderer

Answer 2

你为什么要这样做呢？您必须使用Column组件来定义每一列，然后才能在每个Column中呈现所需的任何内容。