/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

1 vote361 views1 answer
React map array limit
Javascript React
1 vote353 views1 answer
React material ui input max length
Javascript React
91 votes406 views7 answers
React-router-dom
Javascript React
0 vote329 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote356 views1 answer
React input cursor jump end
Javascript React
0 vote346 views1 answer
React receiving socket muitple times
Javascript React
0 vote344 views1 answer
Shortcut to format reactjs visual studio
Javascript React
0 vote339 views2 answers
How to make a search bar in react django
Javascript React
14 votes357 views4 answers
&& in react jsx
Javascript React
0 vote345 views1 answer
How to pass property component in react enzyme
Javascript React