/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 vote319 views1 answer
React-bootstrap problem-import new version
Javascript React
0 vote273 views2 answers
React foreach loop
Javascript React
0 vote302 views1 answer
Namespace react has no export member FC
Javascript React
4 votes278 views3 answers
React link underline
Javascript React
3 votes315 views2 answers
Use font awsome in react
Javascript React
0 vote313 views1 answer
Horizontal cards react bootstrap
Javascript React
126 votes413 views4 answers
React app using npm
Javascript React
2 votes346 views4 answers
Discord js remove reaction from user
Javascript React
3 votes307 views3 answers
How to manage safearea in both iphone and android in react native
Javascript React
0 vote292 views1 answer
Find null/empty values in reactive form
Javascript React