Method _createColumn

source/Table/Table.js:455–611

({column, columnIndex, isScrolling, parent, rowData, rowIndex})

  }

  _createColumn({column, columnIndex, isScrolling, parent, rowData, rowIndex}) {
    const {onColumnClick} = this.props;
    const {
      cellDataGetter,
      cellRenderer,
      className,
      columnData,
      dataKey,
      id,
    } = column.props;

    const cellData = cellDataGetter({columnData, dataKey, rowData});
    const renderedCell = cellRenderer({
      cellData,
      columnData,
      columnIndex,
      dataKey,
      isScrolling,
      parent,
      rowData,
      rowIndex,
    });

    const onClick = event => {
      onColumnClick && onColumnClick({columnData, dataKey, event});
    };

    const style = this._cachedColumnStyles[columnIndex];

    const title = typeof renderedCell === 'string' ? renderedCell : null;

    // Avoid using object-spread syntax with multiple objects here,
    // Since it results in an extra method call to 'babel-runtime/helpers/extends'
    // See PR https://github.com/bvaughn/react-virtualized/pull/942
    return (
      <div
        aria-colindex={columnIndex + 1}
        aria-describedby={id}
        className={clsx('ReactVirtualized__Table__rowColumn', className)}
        key={'Row' + rowIndex + '-' + 'Col' + columnIndex}
        onClick={onClick}
        role="gridcell"
        style={style}
        title={title}>
        {renderedCell}
      </div>
    );
  }

  _createHeader({column, index}) {
    const {
      headerClassName,
      headerStyle,
      onHeaderClick,
      sort,
      sortBy,
      sortDirection,
    } = this.props;