/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

133 votes389 views5 answers
Npx create-react-app
Javascript React
1 vote103 views1 answer
React map array limit
Javascript React
113 votes127 views6 answers
React app
Javascript React
50 votes101 views6 answers
Yarn create react app
Javascript React
0 vote107 views1 answer
Get LocalStorage from WebView react native
Javascript React
1 vote156 views1 answer
React native run ios select simulator
Javascript React
7 votes108 views1 answer
React native touchableopacity disable
Javascript React
3 votes110 views2 answers
Export default class react
Javascript React
1 vote118 views1 answer
Share file in react native
Javascript React
3 votes120 views1 answer
React hooks send data from child to parent
Javascript React