/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

1 vote256 views2 answers
Hosting react with pm2
Javascript React
6 votes247 views1 answer
Create bottom navigation bar react native
Javascript React
1 vote214 views6 answers
Tailwind css in react
Javascript React
6 votes272 views2 answers
String to html javascript react
Javascript React
16 votes233 views1 answer
Deploy react app netlify
Javascript React
0 vote229 views1 answer
${product} meaning in react js
Javascript React
5 votes237 views1 answer
Switch was not found in 'react-router-dom'
Javascript React
2 votes242 views2 answers
Await in react in function component
Javascript React
4 votes214 views1 answer
Navigating programatically react
Javascript React
30 votes215 views6 answers
React if statement
Javascript React