/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 vote240 views1 answer
Background image in react from variable
Javascript React
-1 vote214 views3 answers
Why we import react from react
Javascript React
0 vote207 views1 answer
React native cors origin
Javascript React
0 vote205 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
17 votes210 views3 answers
Reducer react
Javascript React
0 vote187 views1 answer
Key being passed as prop react
Javascript React
33 votes253 views2 answers
UseRef react ref
Javascript React
0 vote200 views1 answer
Infinite scroll for chat react js
Javascript React
0 vote198 views1 answer
Get status bar height react native
Javascript React
1 vote228 views1 answer
React eslint prettier
Javascript React