/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 vote328 views1 answer
React get current date minus 7 days
Javascript React
0 vote357 views2 answers
Go back to screen with params react native
Javascript React
1 vote295 views1 answer
Concatenating variables and strings in React
Javascript React
1 vote335 views1 answer
React variable in stirng
Javascript React
0 vote352 views1 answer
React function called last state
Javascript React
2 votes327 views2 answers
Get value of Autocomplete react
Javascript React
0 vote337 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
0 vote326 views1 answer
React-anime
Javascript React
0 vote356 views1 answer
Difference between controlled and uncontrolled components in react js
Javascript React
3 votes328 views1 answer
Navigation react pass props
Javascript React