[TableBody] Add new property: stripedRowsStyles

src/Table/TableBody.js

@@ -100,6 +100,10 @@ class TableBody extends Component {
      * with the first row will be striped. The default value is false.
      */
     stripedRows: PropTypes.bool,
+    /**
+     * Additional styles for stripped rows.
+     */
+    stripedRowsStyle: PropTypes.object,
     /**
      * Override the inline-styles of the root element.
      */
@@ -113,6 +117,7 @@ class TableBody extends Component {
     multiSelectable: false,
     preScanRows: true,
     selectable: true,
+    stripedRowsStyle: {},
     style: {},
   };
 
@@ -171,6 +176,8 @@ class TableBody extends Component {
           hoverable: this.props.showRowHover,
           selected: this.isRowSelected(rowNumber),
           striped: this.props.stripedRows && (rowNumber % 2 === 0),
+          strippedStyle: this.props.stripedRows && this.props.stripedRowsStyle && (rowNumber % 2 === 0) ?
+            this.props.stripedRowsStyle : {},
           rowNumber: rowNumber++,
         };
 
@@ -408,14 +415,14 @@ class TableBody extends Component {
     const {
       className,
       style,
-    } = this.props;
+      } = this.props;
 
     const {prepareStyles} = this.context.muiTheme;
 
     return (
       <ClickAwayListener onClickAway={this.handleClickAway}>
         <tbody className={className} style={prepareStyles(Object.assign({}, style))}>
-          {this.createRows()}
+        {this.createRows()}
         </tbody>
       </ClickAwayListener>
     );

src/Table/TableRow.js

@@ -12,15 +12,17 @@ function getStyles(props, context, state) {
     cellBgColor = tableRow.stripeColor;
   }
 
+  const cellStyle = {
+    backgroundColor: cellBgColor,
+  };
+
   return {
     root: {
       borderBottom: props.displayBorder && `1px solid ${tableRow.borderColor}`,
       color: tableRow.textColor,
       height: tableRow.height,
     },
-    cell: {
-      backgroundColor: cellBgColor,
-    },
+    cell: props.striped && props.strippedStyle ? Object.assign(cellStyle, props.strippedStyle) : cellStyle,
   };
 }
 
@@ -185,7 +187,7 @@ class TableRow extends Component {
       striped, // eslint-disable-line no-unused-vars
       style,
       ...other,
-    } = this.props;
+      } = this.props;
 
     const {prepareStyles} = this.context.muiTheme;
     const styles = getStyles(this.props, this.context, this.state);