/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

2 votes211 views2 answers
Discord.js remove reaction
Javascript React
113 votes227 views6 answers
React app
Javascript React
0 vote191 views2 answers
Why we need react js
Javascript React
0 vote243 views1 answer
React native fade in fade out animation
Javascript React
0 vote295 views2 answers
React native use route params
Javascript React
0 vote184 views1 answer
React native test redux
Javascript React
1 vote183 views2 answers
React native map array of objects
Javascript React
0 vote190 views1 answer
Vscode react cannot find moudle when import image
Javascript React
116 votes359 views6 answers
Bootstrap react
Javascript React
0 vote198 views1 answer
Svelte reactive async
Javascript React