/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

17 votes124 views5 answers
React native background image
Javascript React
0 vote126 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote134 views1 answer
The email address is badly formatted react
Javascript React
1 vote120 views1 answer
Reactive localstorage in react
Javascript React
0 vote126 views1 answer
React native 'UMConstantsInterface/UMConstantsInterface.h' file not found
Javascript React
0 vote118 views1 answer
How to change style class by using onclick function with multiple buttons in react js
Javascript React
0 vote140 views2 answers
Datepicker range npm reactjs
Javascript React
0 vote128 views1 answer
React inlinle style set background image
Javascript React
7 votes128 views3 answers
React native class component
Javascript React
0 vote132 views1 answer
Log errors react
Javascript React