/Javascript/React/React-data-table-component edit action

React-data-table-component edit 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

7 votes248 views2 answers
How to import js via script in react
Javascript React
0 vote234 views1 answer
React setstate in another component
Javascript React
0 vote256 views1 answer
How to put react compnent to bottom
Javascript React
0 vote259 views1 answer
Code in nested forEach loop- react native
Javascript React
0 vote245 views1 answer
Yarn react-native-async-storage
Javascript React
2 votes282 views1 answer
How to add bootstrap by downloading in react js
Javascript React
0 vote229 views1 answer
Csv upload with react
Javascript React
3 votes250 views2 answers
React native width auto
Javascript React
0 vote217 views1 answer
Laravel react 404 routes
Javascript React
8 votes250 views3 answers
Shadown reAct native
Javascript React