/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

5 votes151 views1 answer
React in laravel
Javascript React
0 vote159 views1 answer
Button click open external link react
Javascript React
0 vote132 views3 answers
React native clear cach
Javascript React
0 vote143 views1 answer
Private router react v6
Javascript React
1 vote145 views1 answer
React native remove text from string
Javascript React
0 vote121 views1 answer
Empty div react
Javascript React
0 vote111 views1 answer
Setting up react on visual studio code
Javascript React
0 vote115 views1 answer
My react router Dom learnings
Javascript React
3 votes153 views1 answer
React how to create range
Javascript React
0 vote149 views1 answer
Github create react app buildpack
Javascript React