/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

5 votes353 views2 answers
Add object in array state react
Javascript React
11 votes413 views4 answers
Prototype react
Javascript React
12 votes392 views2 answers
React native flatlist container style
Javascript React
0 vote514 views1 answer
@invertase/react-native-apple-authentication npm
Javascript React
0 vote339 views3 answers
How to use keyextractor in flatlist react native
Javascript React
0 vote440 views1 answer
React native controlling device brightness
Javascript React
0 vote395 views2 answers
Capitalize each word from string in react
Javascript React
5 votes423 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote394 views1 answer
React native paper modal background
Javascript React
0 vote333 views1 answer
React-simple-star-rating
Javascript React