fix #1394

Author: AllenFang

src/BootstrapTable.js

@@ -216,7 +216,7 @@ class BootstrapTable extends Component {
     replace = replace || this.props.replace;
 
     if (!nextProps.data) {
-       return;
+      return;
     }
     this.store.setData(nextProps.data.slice());
 
@@ -464,7 +464,8 @@ class BootstrapTable extends Component {
             keyBoardNav={ this.props.keyBoardNav }
             onNavigateCell={ this.handleNavigateCell }
             x={ this.state.x }
-            y={ this.state.y } />
+            y={ this.state.y }
+            withoutTabIndex={ this.props.withoutTabIndex } />
         </div>
         { tableFilter }
         { showPaginationOnBottom ? pagination : null }
@@ -1440,6 +1441,7 @@ BootstrapTable.propTypes = {
   condensed: PropTypes.bool,
   pagination: PropTypes.bool,
   printable: PropTypes.bool,
+  withoutTabIndex: PropTypes.bool,
   keyBoardNav: PropTypes.oneOfType([ PropTypes.bool, PropTypes.object ]),
   searchPlaceholder: PropTypes.string,
   selectRow: PropTypes.shape({
@@ -1605,6 +1607,7 @@ BootstrapTable.defaultProps = {
   condensed: false,
   pagination: false,
   printable: false,
+  withoutTabIndex: false,
   keyBoardNav: false,
   searchPlaceholder: undefined,
   selectRow: {

src/TableBody.js

@@ -127,7 +127,8 @@ class TableBody extends Component {
               keyBoardNav={ enableKeyBoardNav }
               onKeyDown={ this.handleCellKeyDown }
               customNavStyle={ customNavStyle }
-              row={ data }>
+              row={ data }
+              withoutTabIndex={ this.props.withoutTabIndex }>
               { columnChild }
             </TableColumn>
           );
@@ -526,6 +527,7 @@ TableBody.propTypes = {
   keyBoardNav: PropTypes.oneOfType([ PropTypes.bool, PropTypes.object ]),
   x: PropTypes.number,
   y: PropTypes.number,
-  onNavigateCell: PropTypes.func
+  onNavigateCell: PropTypes.func,
+  withoutTabIndex: PropTypes.bool
 };
 export default TableBody;

src/TableColumn.js

@@ -108,6 +108,7 @@ class TableColumn extends Component {
       keyBoardNav,
       tabIndex,
       customNavStyle,
+      withoutTabIndex,
       row
     } = this.props;
 
@@ -147,8 +148,11 @@ class TableColumn extends Component {
         className = `${className} default-focus-cell`;
       }
     }
+
+    const attr = {};
+    if (!withoutTabIndex) attr.tabIndex = tabIndex;
     return (
-      <td tabIndex={ tabIndex } style={ tdStyle }
+      <td { ...attr } style={ tdStyle }
           title={ columnTitle }
           className={ className }
           { ...opts } { ...attrs }>
@@ -170,13 +174,15 @@ TableColumn.propTypes = {
   isFocus: PropTypes.bool,
   onKeyDown: PropTypes.func,
   tabIndex: PropTypes.string,
+  withoutTabIndex: PropTypes.bool,
   keyBoardNav: PropTypes.oneOfType([ PropTypes.bool, PropTypes.object ]),
   customNavStyle: PropTypes.oneOfType([ PropTypes.func, PropTypes.object ]),
   row: PropTypes.any  /* only used on custom styling for navigation */
 };
 
 TableColumn.defaultProps = {
   dataAlign: 'left',
+  withoutTabIndex: false,
   hidden: false,
   className: '',
   isFocus: false,