React-виртуализированный - возможно ли использовать пользовательский столбец?

Question

Я использую реагирующую виртуализацию для рендеринга своей таблицы.Можно ли вообще заменить компонент Column по умолчанию на пользовательский?Я продолжаю получать эту ошибку Failed prop type: Table only accepts children of type Column

Answer 1

Да, конечно, вы можете сделать это, используя cellRenderer prop в Column, который является функцией обратного вызова, и он даст вам кучу параметров, и вам нужно вернуть пользовательский компонент, который будет отображаться в ячейке

<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.