/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 vote285 views1 answer
Clear input field react-hook-form
Javascript React
23 votes287 views4 answers
Change port react app
Javascript React
0 vote299 views1 answer
Scirpt tag react
Javascript React
4 votes298 views3 answers
Add google map in react js
Javascript React
4 votes258 views1 answer
React router dom v6 goback
Javascript React
0 vote299 views1 answer
Export variables react
Javascript React
0 vote295 views1 answer
This will give Iodoform reaction on the treatment with Na2CO3 and I2:
Javascript React
0 vote299 views1 answer
React native firebase community template
Javascript React
0 vote304 views1 answer
Use this in a react js component
Javascript React
0 vote335 views1 answer
Clickjacking in react js
Javascript React