Merge branch 'powellandy-expand-hide-row'

Author: AllenFang

src/BootstrapTable.js

@@ -454,7 +454,7 @@ class BootstrapTable extends Component {
     const { toolbarPosition = Const.TOOLBAR_POS_TOP } = this.props.options;
     const showToolbarOnTop = toolbarPosition !== Const.TOOLBAR_POS_BOTTOM;
     const showToolbarOnBottom = toolbarPosition !== Const.TOOLBAR_POS_TOP;
-
+    const { hideRowOnExpand = false } = this.props.options;
     return (
       <div className={ classSet('react-bs-table-container', this.props.className, this.props.containerClass) }
         style={ this.props.containerStyle }>
@@ -534,6 +534,7 @@ class BootstrapTable extends Component {
             x={ this.state.x }
             y={ this.state.y }
             withoutTabIndex={ this.props.withoutTabIndex }
+            hideRowOnExpand={ hideRowOnExpand }
             onEditCell={ this.handleEditCell } />
             {
               tableFooter
@@ -1737,7 +1738,8 @@ BootstrapTable.propTypes = {
     printToolBar: PropTypes.bool,
     insertFailIndicator: PropTypes.string,
     noAutoBOM: PropTypes.bool,
-    expandAll: PropTypes.bool
+    expandAll: PropTypes.bool,
+    hideRowOnExpand: PropTypes.bool
   }),
   fetchInfo: PropTypes.shape({
     dataTotalSize: PropTypes.number
@@ -1908,7 +1910,8 @@ BootstrapTable.defaultProps = {
     printToolBar: true,
     insertFailIndicator: Const.INSERT_FAIL_INDICATOR,
     noAutoBOM: true,
-    expandAll: false
+    expandAll: false,
+    hideRowOnExpand: false
   },
   fetchInfo: {
     dataTotalSize: 0

src/TableBody.js

@@ -165,7 +165,7 @@ class TableBody extends Component {
       );
       const haveExpandContent = this.props.expandableRow && this.props.expandableRow(data);
       const isExpanding = haveExpandContent && this.props.expanding.indexOf(key) > -1;
-
+      const { hideRowOnExpand } = this.props;
       // add by bluespring for className customize
       let trClassName = this.props.trClassName;
       if (Utils.isFunction(this.props.trClassName)) {
@@ -189,6 +189,7 @@ class TableBody extends Component {
         onExpandRow={ this.handleClickCell }
         unselectableRow={ disable }
         style={ trStyle }
+        hidden={ isExpanding && hideRowOnExpand }
         dbClickToEdit={ cellEdit.mode === Const.CELL_EDIT_DBCLICK } >
         { this.props.expandColumnOptions.expandColumnVisible &&
             this.props.expandColumnOptions.expandColumnBeforeSelectColumn &&
@@ -557,6 +558,7 @@ TableBody.propTypes = {
   x: PropTypes.number,
   y: PropTypes.number,
   onNavigateCell: PropTypes.func,
-  withoutTabIndex: PropTypes.bool
+  withoutTabIndex: PropTypes.bool,
+  hideRowOnExpand: PropTypes.bool
 };
 export default TableBody;

src/TableRow.js

@@ -78,7 +78,7 @@ class TableRow extends Component {
 
   render() {
     this.clickNum = 0;
-    const { selectRow, row, isSelected, className, index } = this.props;
+    const { selectRow, row, isSelected, className, index, hidden } = this.props;
     let { style } = this.props;
     let backgroundColor = null;
     let selectRowClass = null;
@@ -110,6 +110,7 @@ class TableRow extends Component {
           onMouseOver={ this.rowMouseOver }
           onMouseOut={ this.rowMouseOut }
           onClick={ this.rowClick }
+          hidden={ hidden }
           onDoubleClick={ this.rowDoubleClick }>{ this.props.children }</tr>
     );
   }
@@ -126,10 +127,12 @@ TableRow.propTypes = {
   onExpandRow: PropTypes.func,
   onRowMouseOut: PropTypes.func,
   onRowMouseOver: PropTypes.func,
-  unselectableRow: PropTypes.bool
+  unselectableRow: PropTypes.bool,
+  hidden: PropTypes.bool
 };
 TableRow.defaultProps = {
   onRowClick: undefined,
-  onRowDoubleClick: undefined
+  onRowDoubleClick: undefined,
+  hidden: false
 };
 export default TableRow;