/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 vote323 views2 answers
React native get timezone
Javascript React
0 vote312 views1 answer
How to detect if ios is in dark mode react native
Javascript React
0 vote311 views1 answer
How to align text vertically center beside an image in react native
Javascript React
6 votes314 views1 answer
React native docs
Javascript React
0 vote341 views1 answer
What difference between react func and class components
Javascript React
0 vote330 views1 answer
Usehistory v6 go back to previous route in react
Javascript React
0 vote317 views3 answers
How to get state value from history react
Javascript React
1 vote327 views1 answer
React native basic template
Javascript React
5 votes309 views1 answer
React code splitting (component based)
Javascript React
1 vote280 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React