fix #892

AllenFang · Dec 17, 2016 · dbc40d3 · dbc40d3
1 parent 9183e71
commit dbc40d3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/src/BootstrapTable.js b/src/BootstrapTable.js
@@ -140,6 +140,7 @@ class BootstrapTable extends Component {
         hiddenOnInsert: column.props.hiddenOnInsert,
         searchable: column.props.searchable,
         className: column.props.columnClassName,
+        editClassName: column.props.editColumnClassName,
         columnTitle: column.props.columnTitle,
         width: column.props.width,
         text: column.props.headerText || column.props.children,

diff --git a/src/TableBody.js b/src/TableBody.js
@@ -69,7 +69,8 @@ class TableBody extends Component {
                 rowIndex={ r }
                 colIndex={ i }
                 row={ data }
-                fieldValue={ fieldValue } />
+                fieldValue={ fieldValue }
+                className={ column.editClassName } />
             );
         } else {
           // add by bluespring for className customize

diff --git a/src/TableEditColumn.js b/src/TableEditColumn.js
@@ -100,7 +100,7 @@ class TableEditColumn extends Component {
   }
 
   render() {
-    const { editable, format, customEditor } = this.props;
+    const { editable, format, customEditor, className } = this.props;
     const { shakeEditor } = this.state;
     const attr = {
       ref: 'inputRef',
@@ -127,7 +127,7 @@ class TableEditColumn extends Component {
     }
 
     return (
-      <td ref='td' style={ { position: 'relative' } }>
+      <td ref='td' style={ { position: 'relative' } } className={ className }>
         { cellEditor }
         <Notifier ref='notifier'/>
       </td>
@@ -156,7 +156,8 @@ TableEditColumn.propTypes = {
     PropTypes.number,
     PropTypes.array,
     PropTypes.object
-  ])
+  ]),
+  className: PropTypes.any
 };
 
 

diff --git a/src/TableHeaderColumn.js b/src/TableHeaderColumn.js
@@ -219,6 +219,7 @@ TableHeaderColumn.propTypes = {
   sortFunc: PropTypes.func,
   sortFuncExtraData: PropTypes.any,
   columnClassName: PropTypes.any,
+  editColumnClassName: PropTypes.any,
   columnTitle: PropTypes.bool,
   filterFormatted: PropTypes.bool,
   filterValue: PropTypes.func,
@@ -261,6 +262,7 @@ TableHeaderColumn.defaultProps = {
   width: null,
   sortFunc: undefined,
   columnClassName: '',
+  editColumnClassName: '',
   filterFormatted: false,
   filterValue: undefined,
   sort: undefined,