Breaking News: Grepper is joining You.com. Read the official announcement!

react-data-table-component cell action stack overflow

Hamzeh Hanandeh answered on January 24, 2022 Popularity 7/10 Helpfulness 4/10

answer react-data-table-component cell action stack overflow

react-data-table-component cell action stack overflow

Comment

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);
  };

Popularity 7/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: action cell edit javascript react-data-table-component stack-overflow

Link to this answer
Share Copy Link