React-table: How to add button in each row?

[Abdul-Hameed001]

give me some sample codes to add button in a row.

[mikedevita]

you do it via render... its in the docs on the front page under the section titled custom-cell-header-and-footer-rendering.

const columns = [{
  header: '',
  id: 'click-me-button',
  render: ({ row }) => (<button onClick={(e) => this.handleButtonClick(e, row)}>Click Me</button>)
}];

[mcasey8540]

Below is an updated way to do this via Cell property

https://react-table.js.org/#/story/cell-renderers-custom-components

[wlopez-enkoding]

Hey guys, I want to add a Button to delete a record, How can I do this ? I need to pass the item Id to a function.