/Javascript/React/React-data-table-component cell action

React-data-table-component cell 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

23 votes366 views6 answers
React hooks useeffect
Javascript React
110 votes330 views2 answers
Create react js app
Javascript React
1 vote314 views1 answer
React js empty build
Javascript React
1 vote259 views1 answer
Table reactstrap
Javascript React
0 vote314 views1 answer
Ui5 React bind element
Javascript React
2 votes291 views2 answers
React aws s3 npm
Javascript React
18 votes334 views2 answers
Store data in localstorage react
Javascript React
0 vote282 views1 answer
Npm react-dom
Javascript React
31 votes315 views2 answers
React-router-dom npm
Javascript React
0 vote330 views1 answer
React function runs several times
Javascript React