/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 vote240 views1 answer
How to draw a long underline in react native
Javascript React
0 vote246 views1 answer
Url in listitem react
Javascript React
0 vote245 views1 answer
React-loader-spinner
Javascript React
0 vote245 views1 answer
Implementing state lifecycle in react class component
Javascript React
-1 vote267 views1 answer
How to use error in react hook form
Javascript React
1 vote242 views1 answer
React jsx style with calc
Javascript React
0 vote247 views1 answer
How to change list item text color in react
Javascript React
10 votes266 views2 answers
React navigation no header
Javascript React
38 votes245 views2 answers
How to comment out code in react js
Javascript React
4 votes224 views4 answers
React native android safeareaview
Javascript React