/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

2 votes416 views2 answers
Capture enter button react input
Javascript React
0 vote405 views1 answer
Write !important in react
Javascript React
1 vote400 views1 answer
React connect production
Javascript React
0 vote356 views2 answers
Veu js vs angular vs react features
Javascript React
0 vote377 views1 answer
Download images from http link in react
Javascript React
30 votes353 views6 answers
React if statement
Javascript React
4 votes363 views2 answers
React checking matches in state array
Javascript React
-1 vote395 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
0 vote403 views1 answer
Private router react v6
Javascript React
0 vote414 views2 answers
React convert excel to json
Javascript React