/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

18 votes347 views5 answers
How to use svg in react js
Javascript React
-1 vote368 views5 answers
Context Api in react
Javascript React
0 vote367 views1 answer
React index.js file
Javascript React
0 vote352 views1 answer
React set state before render
Javascript React
0 vote323 views2 answers
Toggle classname onclick react
Javascript React
0 vote375 views1 answer
21:216 Error: Unknown property 'crossorigin' found, use 'crossOrigin' instead react/no-unknown-property
Javascript React
0 vote332 views1 answer
Add update react pwa feature
Javascript React
0 vote363 views1 answer
React native scrollable
Javascript React
0 vote324 views3 answers
Router dom react v6
Javascript React
0 vote389 views1 answer
How we can set react select required
Javascript React