EuiTableRowCell overriding className prop

[nreese]

EuiTableRowCell is overriding the className prop of children. This occurs when defining a column like so. The EuiLink does not retain the className prop.

{
  field: 'title',
  name: 'Title',
  render: (field, record) => (
    <EuiLink
      className="myClass"
      href="#"
    >
      click me
    </EuiLink>
  )
}

Work around is to just wrap child in another element.

cc @chandlerprall

[chandlerprall]

I believe the right solution is to merge TableRowCell's childClasses into its cloned child element's className

modifiedChildren = React.Children.map(children, child => React.cloneElement(child, { className: childClasses }));

becomes

modifiedChildren = React.Children.map(children, child => React.cloneElement(child, { className: classNames(child.props.className, childClasses) }));