enter-to-edit-nav-table.jsx

class EnterToEditWithNavTable extends React.Component {
  render() {
    const cellEdit = {
      mode: 'click',
      blurToSave: true
    };
    const keyBoardNav = {
      enterToEdit: true
    };
    return (
      <BootstrapTable data={ products } cellEdit={ cellEdit } keyBoardNav={ keyBoardNav }>
          <TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
          <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
          <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>
      </BootstrapTable>
    );
  }
}