/Javascript/React/React-data-table-component edit action

React-data-table-component edit 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 vote190 views1 answer
How to align placeholder in react native
Javascript React
1 vote142 views1 answer
React component key prop
Javascript React
0 vote172 views1 answer
How to get parent's ref react
Javascript React
36 votes132 views2 answers
How to install react router dom version 5
Javascript React
0 vote157 views3 answers
Add webpack to react project
Javascript React
0 vote157 views1 answer
React hooks simple projects
Javascript React
0 vote147 views2 answers
Selected css based on route react
Javascript React
0 vote147 views1 answer
React how to block render if data is not fetched yet
Javascript React
0 vote145 views1 answer
Getting state in react-router-dom v6
Javascript React
0 vote143 views1 answer
How to make image slider in react js
Javascript React