fix #465

Author: AllenFang

src/BootstrapTable.js

@@ -250,6 +250,7 @@ class BootstrapTable extends Component {
             onMouseLeave={ this.handleMouseLeave }>
           <TableHeader
             ref='header'
+            tableHeaderClass={ this.props.tableHeaderClass }
             style={ this.props.headerStyle }
             rowSelectType={ this.props.selectRow.mode }
             hideSelectColumn={ this.props.selectRow.hideSelectColumn }
@@ -265,6 +266,7 @@ class BootstrapTable extends Component {
             { this.props.children }
           </TableHeader>
           <TableBody ref='body'
+            tableBodyClass={ this.props.tableBodyClass }
             style={ { ...style, ...this.props.bodyStyle } }
             data={ this.state.data }
             columns={ columns }
@@ -911,6 +913,8 @@ BootstrapTable.propTypes = {
   containerStyle: PropTypes.object,
   headerStyle: PropTypes.object,
   bodyStyle: PropTypes.object,
+  tableHeaderClass: PropTypes.string,
+  tableBodyClass: PropTypes.string,
   options: PropTypes.shape({
     clearSearch: PropTypes.bool,
     sortName: PropTypes.string,
@@ -993,6 +997,8 @@ BootstrapTable.defaultProps = {
   containerStyle: undefined,
   headerStyle: undefined,
   bodyStyle: undefined,
+  tableHeaderClass: null,
+  tableBodyClass: null,
   options: {
     clearSearch: false,
     sortName: undefined,

src/TableBody.js

@@ -25,7 +25,7 @@ class TableBody extends Component {
       'table-bordered': this.props.bordered,
       'table-hover': this.props.hover,
       'table-condensed': this.props.condensed
-    });
+    }, this.props.tableBodyClass);
 
     const isSelectRowDefined = this._isSelectRowDefined();
     const tableHeader = this.renderTableHeader(isSelectRowDefined);
@@ -283,6 +283,7 @@ TableBody.propTypes = {
   onRowClick: PropTypes.func,
   onSelectRow: PropTypes.func,
   noDataText: PropTypes.oneOfType([ PropTypes.string, PropTypes.object ]),
-  style: PropTypes.object
+  style: PropTypes.object,
+  tableBodyClass: PropTypes.string
 };
 export default TableBody;

src/TableHeader.js

@@ -27,7 +27,7 @@ class TableHeader extends Component {
     const tableClasses = classSet('table', 'table-hover', {
       'table-bordered': this.props.bordered,
       'table-condensed': this.props.condensed
-    });
+    }, this.props.tableHeaderClass);
     let selectRowHeaderCol = null;
     if (!this.props.hideSelectColumn) selectRowHeaderCol = this.renderSelectRowHeader();
     let i = 0;
@@ -69,6 +69,7 @@ class TableHeader extends Component {
   }
 }
 TableHeader.propTypes = {
+  tableHeaderClass: PropTypes.string,
   style: PropTypes.object,
   rowSelectType: PropTypes.string,
   onSort: PropTypes.func,