src/components/widgets/AdvancedTable/AdvancedTableCell.jsx

import React from 'react';
import { pure } from 'recompose';
import PropTypes from 'prop-types';
import { filter, isString } from 'lodash';

/**
 * Компонент обертка Cell
 * @param children - вставляемый компонент
 * @param hasSpan - флаг возможности colSpan/rowSpan в этой колонке
 * @param record - модель строки
 * @returns {*}
 * @constructor
 */
function AdvancedTableCell({ children, hasSpan, record }) {
  const { span } = record;
  let colSpan = 1;
  let rowSpan = 1;

  if (hasSpan && span) {
    if (span.colSpan === 0 || span.rowSpan === 0) {
      return null;
    }
    colSpan = span.colSpan;
    rowSpan = span.rowSpan;
  }

  return (
    <td colSpan={colSpan} rowSpan={rowSpan}>
      <div className="n2o-advanced-table-cell-expand">{children}</div>
    </td>
  );
}

AdvancedTableCell.propTypes = {
  children: PropTypes.any,
  hasSpan: PropTypes.bool,
  record: PropTypes.object,
};

AdvancedTableCell.defaultProps = {
  hasSpan: false,
  record: {},
};

export default pure(AdvancedTableCell);