/Javascript/React/React-data-table-component edit action

React-data-table-component edit action

const columns =  [
  {
    cell:(row) => <button onClick={this.clickHandler} id={row.ID}>Action</button>,
    ignoreRowClick: true,
    allowOverflow: true,
    button: true,
  },
  {
    name: 'ID',
    selector: 'ID',
    sortable: true,
    grow: 2,
  },
  {
    name: 'Name',
    selector: 'name',
    sortable: true,
    grow: 2,
  }
  ]
  
   clickHandler = (state) => {
    debugger;
    console.log(state.target.id);
  };

Similar codes

0 vote201 views1 answer
React bootstrap carousel caption placement top
Javascript React
1 vote259 views1 answer
How to set limit in map in react hook
Javascript React
0 vote219 views1 answer
React fontawesome exchange icon
Javascript React
0 vote184 views1 answer
React-bootstrap problem-install new version
Javascript React
1 vote203 views1 answer
How hooks handle dependency in react
Javascript React
0 vote222 views5 answers
Generate component react
Javascript React
0 vote196 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote159 views2 answers
React refresh page not found
Javascript React
1 vote288 views2 answers
Toastandroid react native
Javascript React
0 vote147 views1 answer
React moment time ago
Javascript React