/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 vote153 views3 answers
Stripe react js
Javascript React
1 vote205 views1 answer
How to delete element at a particular index of array in react js
Javascript React
0 vote146 views1 answer
React native run android common error
Javascript React
0 vote139 views1 answer
Onpress setstate react native
Javascript React
1 vote151 views1 answer
Reactjs change window name
Javascript React
0 vote143 views1 answer
How to update the react version in next js app
Javascript React
20 votes139 views2 answers
React localstorage
Javascript React
0 vote95 views1 answer
React icons cdn
Javascript React
5 votes152 views3 answers
How to open a new tab in react
Javascript React
0 vote146 views1 answer
TrackPromise React
Javascript React