/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

9 votes199 views2 answers
How to redirect react router from the app components
Javascript React
0 vote250 views1 answer
React native update state object inside object
Javascript React
0 vote218 views1 answer
Filter based on input typing react
Javascript React
3 votes215 views1 answer
React is front end or backend
Javascript React
0 vote210 views2 answers
Alert react native
Javascript React
0 vote250 views1 answer
Create a link in react js to download xcelfile
Javascript React
8 votes199 views1 answer
React.Fragmen
Javascript React
0 vote203 views1 answer
Use of undeclared identifier 'gmsservices' react native
Javascript React
0 vote212 views1 answer
React features
Javascript React
31 votes211 views1 answer
React router dom IndexRedirect
Javascript React