/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 votes313 views6 answers
Import svg react
Javascript React
0 vote354 views1 answer
Reactjs add border to the table row
Javascript React
1 vote352 views1 answer
How to delete an object from array in reactjs
Javascript React
25 votes336 views6 answers
React native shadow android
Javascript React
131 votes539 views6 answers
Creating react app
Javascript React
0 vote332 views1 answer
Chromepicker react-color not working
Javascript React
0 vote280 views1 answer
React-simple-star-rating
Javascript React
3 votes258 views1 answer
React two way binding
Javascript React
10 votes302 views4 answers
React hooks
Javascript React
0 vote337 views1 answer
Mdbootstrap react
Javascript React