From e60e607ca8a01ec89cd728196f083636bd7f99bf Mon Sep 17 00:00:00 2001
From: AllenFang <ayu780129@hotmail.com>
Date: Mon, 25 Apr 2016 23:28:02 +0800
Subject: [PATCH] fix #414

---
 src/BootstrapTable.js | 15 ++++++++++++---
 src/TableHeader.js    |  3 ++-
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/BootstrapTable.js b/src/BootstrapTable.js
index 014956d34..33d27cdd4 100644
--- a/src/BootstrapTable.js
+++ b/src/BootstrapTable.js
@@ -226,13 +226,14 @@ class BootstrapTable extends Component {
     let sortIndicator = this.props.options.sortIndicator;
     if (typeof this.props.options.sortIndicator === 'undefined') sortIndicator = true;
     return (
-      <div className='react-bs-table-container'>
+      <div className='react-bs-table-container' style={ this.props.containerStyle }>
         { toolBar }
-        <div className='react-bs-table' ref='table' style={ style }
+        <div className='react-bs-table' ref='table' style={ { ...style, ...this.props.tableStyle } }
             onMouseEnter={ this.handleMouseEnter }
             onMouseLeave={ this.handleMouseLeave }>
           <TableHeader
             ref='header'
+            style={ this.props.headerStyle }
             rowSelectType={ this.props.selectRow.mode }
             hideSelectColumn={ this.props.selectRow.hideSelectColumn }
             sortName={ sortInfo ? sortInfo.sortField : undefined }
@@ -247,7 +248,7 @@ class BootstrapTable extends Component {
             { this.props.children }
           </TableHeader>
           <TableBody ref='body'
-            style={ style }
+            style={ { ...style, ...this.props.bodyStyle } }
             data={ this.state.data }
             columns={ columns }
             trClassName={ this.props.trClassName }
@@ -793,6 +794,10 @@ BootstrapTable.propTypes = {
   search: PropTypes.bool,
   columnFilter: PropTypes.bool,
   trClassName: PropTypes.any,
+  tableStyle: PropTypes.object,
+  containerStyle: PropTypes.object,
+  headerStyle: PropTypes.object,
+  bodyStyle: PropTypes.object,
   options: PropTypes.shape({
     clearSearch: PropTypes.bool,
     sortName: PropTypes.string,
@@ -862,6 +867,10 @@ BootstrapTable.defaultProps = {
   multiColumnSearch: false,
   columnFilter: false,
   trClassName: '',
+  tableStyle: undefined,
+  containerStyle: undefined,
+  headerStyle: undefined,
+  bodyStyle: undefined,
   options: {
     clearSearch: false,
     sortName: undefined,
diff --git a/src/TableHeader.js b/src/TableHeader.js
index e68e722e7..8344ab029 100644
--- a/src/TableHeader.js
+++ b/src/TableHeader.js
@@ -33,7 +33,7 @@ class TableHeader extends Component {
     this._attachClearSortCaretFunc();
 
     return (
-      <div ref='container' className={ containerClasses }>
+      <div ref='container' className={ containerClasses } style={ this.props.style }>
         <table className={ tableClasses }>
           <thead>
             <tr ref='header'>
@@ -82,6 +82,7 @@ class TableHeader extends Component {
   }
 }
 TableHeader.propTypes = {
+  style: PropTypes.object,
   rowSelectType: PropTypes.string,
   onSort: PropTypes.func,
   onSelectAllRow: PropTypes.func,