/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

13 votes178 views1 answer
Reactdom' is not defined
Javascript React
0 vote202 views1 answer
Keyboard avoidance view not working on react native
Javascript React
3 votes243 views2 answers
Discord.js react to message
Javascript React
0 vote204 views1 answer
How to create module in react
Javascript React
-1 vote205 views4 answers
React native reset cache
Javascript React
9 votes237 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote193 views1 answer
Switch tab react
Javascript React
4 votes310 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
1 vote219 views2 answers
React datepicker documentation
Javascript React
3 votes222 views1 answer
React is front end or backend
Javascript React