/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

10 votes126 views1 answer
Device height react native
Javascript React
0 vote165 views1 answer
Find in array and return true or false react js
Javascript React
2 votes127 views1 answer
React select with react hook form cotroller
Javascript React
0 vote196 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
0 vote119 views1 answer
How to creacte react component
Javascript React
0 vote151 views1 answer
Multilone input react
Javascript React
0 vote169 views1 answer
React js marked import and use
Javascript React
0 vote191 views1 answer
React avoid spreading non-dom props across component
Javascript React
1 vote130 views1 answer
Component vs container react
Javascript React
16 votes120 views3 answers
Loop in react depending on number
Javascript React