custom-cell-edit-with-nav-table.jsx

class CellEditWithNavWithoutStyleTable extends React.Component {

  customStyle = (cell, row) => {
    return {
      backgroundColor: 'red'
    };
  }

  render() {
    const cellEdit = {
      mode: 'click',
      blurToSave: true
    };
    const keyBoardNav = {
      customStyleOnEditCell: this.customStyle
    };

    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>
    );
  }
}