/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

0 vote207 views1 answer
Change value in array react
Javascript React
0 vote244 views1 answer
React google places auto complete example
Javascript React
0 vote193 views1 answer
React looping hooks to display in other hook
Javascript React
0 vote262 views1 answer
How to pass parent function to child screen in React Navigation
Javascript React
2 votes190 views2 answers
Splice state react
Javascript React
0 vote196 views2 answers
React date picker disable past dates
Javascript React
8 votes192 views1 answer
React hooks with objects
Javascript React
0 vote218 views1 answer
Remove console messages of react-i18next
Javascript React
-1 vote199 views1 answer
History of react js
Javascript React
4 votes195 views1 answer
On window resize react
Javascript React