/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

15 votes241 views3 answers
Image react native
Javascript React
0 vote235 views1 answer
Custom hook for unique items in react
Javascript React
0 vote230 views1 answer
React input cursor jump end
Javascript React
1 vote274 views2 answers
Switch in react
Javascript React
0 vote245 views1 answer
Doughnut chartjs with react display percentage
Javascript React
0 vote233 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
1 vote227 views1 answer
Fontawsome icon size react element
Javascript React
0 vote199 views1 answer
Laravel react 404 routes
Javascript React
0 vote233 views1 answer
Flipper semantic issue react native
Javascript React
1 vote215 views1 answer
React js console log not working
Javascript React