/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 vote270 views1 answer
Add two export in same page react
Javascript React
9 votes230 views5 answers
How to add array data on state react
Javascript React
1 vote233 views1 answer
React addeventlistener useeffect
Javascript React
1 vote232 views1 answer
Mui modal backdrop
Javascript React
0 vote298 views1 answer
React implicit return
Javascript React
-1 vote256 views1 answer
Get height component react
Javascript React
31 votes269 views2 answers
React-router-dom npm
Javascript React
42 votes257 views3 answers
React onchange multiple functions
Javascript React
2 votes258 views1 answer
React onclick type
Javascript React
0 vote298 views1 answer
Add Multilanguage Support to React App
Javascript React