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

Question

我正在使用react-virtualized来渲染我的表。是否可以用自定义的Column组件替换默认的Column组件？我一直得到这个错误Failed prop type: Table only accepts children of type Column

Answer 1

你为什么想做这个？你必须使用Column组件来定义每一列，然后你可以在每个Column中渲染你想要的任何东西。

Answer 2

是的当然，你可以通过在Column中使用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