disable-click-to-nav-table.jsx

/*
  <code>keyBoardNav</code> accept a bool or object value<br/>
  Use <code>keyBoardNav.clickToNav</code> to disable the navigation on clicking cell<br/>
  If you disable it, you can still navigate with tab and left/right/up/down
*/
class DisableClickToNavigationTable extends React.Component {
  render() {
    const selectRow = {
      mode: 'checkbox',
      clickToSelect: true
    };
    const keyBoardNav = {
      clickToNav: false
    };
    return (
      <BootstrapTable data={ products } selectRow={ selectRow } keyBoardNav={ keyBoardNav }>
          <TableHeaderColumn dataField='id' isKey>Product ID</TableHeaderColumn>
          <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
          <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>
      </BootstrapTable>
    );
  }
}