/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

2 votes367 views1 answer
React dynamic import
Javascript React
0 vote339 views1 answer
Options not working properly in reactjs
Javascript React
3 votes417 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
0 vote364 views1 answer
Reactnaviataion change title
Javascript React
0 vote342 views1 answer
React native elements bottom sheet close on back button press
Javascript React
8 votes355 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
-5 votes346 views3 answers
Use ref in component reactjs
Javascript React
2 votes347 views1 answer
React check if focused
Javascript React
0 vote364 views1 answer
Pass text to button component react
Javascript React
13 votes357 views1 answer
React js vs jsx
Javascript React