{"action":"created","issue":{"url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/269","repository_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table","labels_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/269/labels{/name}","comments_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/269/comments","events_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/269/events","html_url":"https://github.com/AllenFang/react-bootstrap-table/issues/269","id":133410080,"number":269,"title":"Add a delete button on each row","user":{"login":"bhavikmshah","id":5255005,"avatar_url":"https://avatars.githubusercontent.com/u/5255005?v=3","gravatar_id":"","url":"https://api.github.com/users/bhavikmshah","html_url":"https://github.com/bhavikmshah","followers_url":"https://api.github.com/users/bhavikmshah/followers","following_url":"https://api.github.com/users/bhavikmshah/following{/other_user}","gists_url":"https://api.github.com/users/bhavikmshah/gists{/gist_id}","starred_url":"https://api.github.com/users/bhavikmshah/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bhavikmshah/subscriptions","organizations_url":"https://api.github.com/users/bhavikmshah/orgs","repos_url":"https://api.github.com/users/bhavikmshah/repos","events_url":"https://api.github.com/users/bhavikmshah/events{/privacy}","received_events_url":"https://api.github.com/users/bhavikmshah/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2016-02-13T07:37:35Z","updated_at":"2016-12-27T15:41:51Z","closed_at":"2016-02-15T12:42:26Z","body":"Hi,\n\nFor deletion ,nn the current implementation i can see a radio button or checkbox for multiple select.\nOne need to select radio button / checkbox and then click the delete button in the toolbar to delete the row from the table.\nIs there a way where in we can have a delete button for each row and on click on that we can delete the row ??\n\nThanks,\nBhavik\n"},"comment":{"url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/comments/269342168","html_url":"https://github.com/AllenFang/react-bootstrap-table/issues/269#issuecomment-269342168","issue_url":"https://api.github.com/repos/AllenFang/react-bootstrap-table/issues/269","id":269342168,"user":{"login":"AllenFang","id":5351390,"avatar_url":"https://avatars.githubusercontent.com/u/5351390?v=3","gravatar_id":"","url":"https://api.github.com/users/AllenFang","html_url":"https://github.com/AllenFang","followers_url":"https://api.github.com/users/AllenFang/followers","following_url":"https://api.github.com/users/AllenFang/following{/other_user}","gists_url":"https://api.github.com/users/AllenFang/gists{/gist_id}","starred_url":"https://api.github.com/users/AllenFang/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AllenFang/subscriptions","organizations_url":"https://api.github.com/users/AllenFang/orgs","repos_url":"https://api.github.com/users/AllenFang/repos","events_url":"https://api.github.com/users/AllenFang/events{/privacy}","received_events_url":"https://api.github.com/users/AllenFang/received_events","type":"User","site_admin":false},"created_at":"2016-12-27T15:41:51Z","updated_at":"2016-12-27T15:41:51Z","body":"@zRaspina, I think it should be work, but how about following changing:\r\n```js\r\nimport React from 'react';\r\nimport { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';\r\n\r\nexport default class MyTable extends React.Component {\r\n    constructor(props){\r\n      super(props);\r\n      this.onDropRow = this.onDropRow.bind(this);\r\n    }\r\n    onDropRow(_id) {\r\n      this.refs.table.handleDropRow([_id]);\r\n    }\r\n\r\n    actionFormatter(cell, row) {\r\n      if (cell) {\r\n        return <div>\r\n                <button type='button' className=\"btn btn-default\" onClick={(e) => this.onDropRow(row._id)}>\r\n                <span className=\"glyphicon glyphicon-trash\"></span></button>\r\n              </div>\r\n      }\r\n    }\r\n  render () {\r\n    return (\r\n      <div>\r\n        <h1>List:</h1>\r\n         \r\n          <BootstrapTable data={ this.props.route.data } ref=\"table\">\r\n\r\n            <TableHeaderColumn  isKey={true} width='100' dataField='name' headerAlign='center' dataAlign='right' columnTitle\r\n            filter={ { type: 'TextFilter', delay: 1000 } } dataSort>Name\r\n            </TableHeaderColumn>\r\n\r\n            <TableHeaderColumn   width='90' dataField='action' headerAlign='center' dataAlign='center'\r\n            dataFormat={ this.actionFormatter } export={ false }>\r\n            </TableHeaderColumn>\r\n            \r\n          </BootstrapTable>\r\n\r\n      </div>\r\n    );\r\n  }\r\n}\r\n```"}}
{"actor":{"display_login":"AllenFang"}}