diff --git a/src/table/table-body.jsx b/src/table/table-body.jsx index 2f83f8643b0801..8c9ee8642378c5 100644 --- a/src/table/table-body.jsx +++ b/src/table/table-body.jsx @@ -202,7 +202,7 @@ const TableBody = React.createClass({ children.push(child); }); - return React.cloneElement(child, {...props, ...handlers}, children); + return React.cloneElement(child, {...props, ...handlers, ...child.props}, children); } }); }, diff --git a/src/table/table-row.jsx b/src/table/table-row.jsx index 1d3bd6fede96ce..4985414a61006d 100644 --- a/src/table/table-row.jsx +++ b/src/table/table-row.jsx @@ -228,7 +228,7 @@ const TableRow = React.createClass({ const rowColumns = React.Children.map(this.props.children, (child, columnNumber) => { if (React.isValidElement(child)) { - return React.cloneElement(child, { + return React.cloneElement(child, {...{ columnNumber: columnNumber, hoverable: this.props.hoverable, key: child.props.key || `${this.props.rowNumber}-${columnNumber}`, @@ -236,7 +236,7 @@ const TableRow = React.createClass({ onHover: this._onCellHover, onHoverExit: this._onCellHoverExit, style: Object.assign({}, styles.cell, child.props.style), - }); + }, ...child.props}); } });