/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

2 votes118 views1 answer
React native responsive font
Javascript React
-1 vote149 views5 answers
Context Api in react
Javascript React
1 vote323 views1 answer
Double matrix iteration in react
Javascript React
0 vote106 views2 answers
Read data in props.histroy.push in react component
Javascript React
18 votes124 views6 answers
Uselocation react
Javascript React
1 vote100 views1 answer
Set Custom User Agent react
Javascript React
0 vote96 views1 answer
React native diasble view
Javascript React
0 vote111 views1 answer
React js child css
Javascript React
0 vote109 views3 answers
Place footer at the bottom of the page react
Javascript React
0 vote109 views1 answer
React native shadow maker
Javascript React