/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 vote206 views1 answer
React read multiple files with filereader
Javascript React
0 vote204 views1 answer
How to detect if ios is in dark mode react native
Javascript React
0 vote206 views2 answers
Go back to screen with params react native
Javascript React
2 votes200 views1 answer
Npm install --save react-native-vector-icon
Javascript React
0 vote193 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React
27 votes195 views6 answers
React usestate
Javascript React
2 votes155 views1 answer
Function component react form
Javascript React
3 votes183 views1 answer
React router dynamic routes
Javascript React
0 vote198 views1 answer
Yarn react-native-async-storage
Javascript React
7 votes196 views4 answers
React history push search params
Javascript React