/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 vote149 views1 answer
Horizontal scrollview in react js
Javascript React
0 vote154 views1 answer
Javascript react useState update object
Javascript React
0 vote138 views1 answer
React input value set state on change
Javascript React
0 vote140 views1 answer
React native use route undefined
Javascript React
7 votes147 views1 answer
Firebase react js
Javascript React
0 vote150 views1 answer
React native center text vertically full screen
Javascript React
0 vote149 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React
13 votes140 views3 answers
ImageBackground in React Native
Javascript React
0 vote162 views1 answer
React-template-helper
Javascript React
1 vote164 views1 answer
How to insatll react-router-dom
Javascript React