/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 vote102 views1 answer
Passing argument to function handler functional compoent javascript react
Javascript React
-1 vote91 views1 answer
React native smart splash screen
Javascript React
22 votes101 views3 answers
How to define array in react js
Javascript React
0 vote178 views1 answer
Array map order by timestamp reactjs
Javascript React
0 vote106 views1 answer
How to set the id attr to a var in reactjs
Javascript React
4 votes100 views1 answer
How to send axios delete to the backend reactjs
Javascript React
15 votes105 views2 answers
React native get location
Javascript React
0 vote118 views1 answer
React measure page load time
Javascript React
0 vote81 views1 answer
How to enable emit on react in vs code
Javascript React
0 vote108 views1 answer
React duration picker
Javascript React