cell-edit-with-nav-table.jsx

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