/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

0 vote284 views0 answer
React
Javascript React
1 vote310 views1 answer
Import json file in react native
Javascript React
6 votes337 views2 answers
React native password field
Javascript React
2 votes309 views2 answers
Vscode extensions for better react js
Javascript React
0 vote338 views1 answer
React chart js 2 api data
Javascript React
13 votes329 views1 answer
React js vs jsx
Javascript React
0 vote314 views1 answer
React add link to button
Javascript React
0 vote306 views1 answer
React focus textarea
Javascript React
0 vote328 views1 answer
Moment all formats in reactjs
Javascript React
0 vote332 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React