/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 votes291 views3 answers
React native component at bottom center
Javascript React
0 vote269 views2 answers
Selected css based on route react
Javascript React
4 votes324 views1 answer
External site links in react Link
Javascript React
-2 votes307 views1 answer
Starter react redux project
Javascript React
2 votes326 views1 answer
React strict mode
Javascript React
2 votes293 views2 answers
How to add multiple classes to a ReactJS Component
Javascript React
0 vote310 views1 answer
Reactstrap form post
Javascript React
2 votes295 views2 answers
React native open gmail app
Javascript React
0 vote300 views2 answers
React date picker disable past dates
Javascript React
-1 vote309 views1 answer
What is the use of consrtructors in reactjs
Javascript React