Custom functions and components for insert and delete.

[risonsimon]

Two things.

1. I see that my state is mutated when I insert or delete the row. I'm using redux for development and I want to fire custom actions when insert or delete is done. How to achieve this?
   For insert, I think I can create a component with onclick showing a modal popup and calling the necessary actions. But how to do it for delete?
2. How can I customize insert button and form and delete button?

[AllenFang]

@risonsimon, thanks your feedback, I'll tell you how to achieve your requirement in these days :) Maybe provide you example codes.

[AllenFang]

@risonsimon, plz upgrade to v1.3.0 and try following examples:

export default class DemoTable extends React.Component{

  handleInsertBtnClick(e){
    var fakeRow = {
      id: 10,
      name: "Product one ",
      price: 240
    };
    // insert a fake row
    var result = this.refs.table.handleAddRow(fakeRow);
    if(result){  //some error happen, ex: doesn't assign row key or row key duplicated
      console.log(result);
    }
  }

  handleDropBtnClick(e){
    //Drop row key 2 & 3
    this.refs.table.handleDropRow([2,3]);
  }

  render(){
    return (
      <div>
      <button onClick={this.handleInsertBtnClick.bind(this)}>insert an row</button>
      <button onClick={this.handleDropBtnClick.bind(this)}>Drop Product ID 2 and 3</button>
      <BootstrapTable ref="table" data={products}>
          <TableHeaderColumn dataField="id" isKey={true}>Product ID</TableHeaderColumn>
          <TableHeaderColumn dataField="name">Product Name</TableHeaderColumn>
          <TableHeaderColumn dataField="price">Product Price</TableHeaderColumn>
      </BootstrapTable>
      </div>
    );
  }
};