/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

18 votes230 views6 answers
Import svg react
Javascript React
4 votes222 views3 answers
Sleep in react
Javascript React
0 vote230 views1 answer
React scrip for deplot heroku
Javascript React
113 votes204 views6 answers
React app
Javascript React
2 votes226 views1 answer
How to align text inside react component
Javascript React
-1 vote228 views1 answer
Set className with ref react
Javascript React
0 vote229 views1 answer
React Update a label when rate moves "quietly"
Javascript React
1 vote250 views3 answers
Click outside React component
Javascript React
1 vote231 views1 answer
React check if string is mail
Javascript React
0 vote230 views1 answer
React-native-dropdown-picker for form react native
Javascript React