Added code for custom buttons

[mbaroukh]

Hi,

I just added the ability to put custom buttons in the toolbar.

You can see it in action here :
https://www.baroukh.com/nb/react-bootstrap-table-doc/#/examples/custom

I needed it for a project and it is enough for me but if this pull request is ok for you, I'll take time to link (if asked) those buttons to currently selected lines so the action can occur on specific rows.

Thanks for this library !

Mike

[mbaroukh]

I should have added a code example ...
custom buttons are just an object passed to BootstrapTable :

const customButtons = [
      {
        text: 'Display an alert',
        handler: () => alert('Custom button Clicked')
      },
      {
        text: 'Do not click here !',
        handler: () => alert('You, bad boy !'),
        bsStyle: 'warning',
        icon: 'alert'
      }
    ];
    return (
      <BootstrapTable
          data={ products }
          customButtons={ customButtons }>
        <TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
        <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
        <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>
      </BootstrapTable>
    );

[AllenFang]

@mbaroukh, that's awesome, it's a good improvement. But you know, there're a lot of issues which hope they can add not only button but also select, field,, etc. So I've planned to start work for v3.0.0, you can check #497. I think I will make these component(insert button, search field, toolBar.. etc) become React components and export to user, so that they have more ability to customize these components. So will not merge this PR.

Anyway, Thanks your contribution 💯 You did a great job :)

[tarim]

Hi @mbaroukh ,

I tried to use your code with latest master branch, and it doesn't work for me. any idea please?

[mbaroukh]

Hi @tarim .
Which code do you tried ? The sample above ? It is relative to a pull request (464ecde) that will not be merged.
Custom buttons will be in v3 (cf #497) but if you need custom buttons now you can use my patch until v3 is out.

[tarim]

Hi @mbaroukh ,

Yes, I did exactly you described on your code, but somehow the custom button did not show up on my page. I have no idea why.

Thanks,

[zRaspina]

Hi @mbaroukh,
I need custom button, is it exist in new version now?

/CC: @AllenFang

[AllenFang]

@zRaspina, check #497 (comment), you can check the examples for how to custom the buttons.

The v3.0.0-beta already released, the newest version is v3.0.0-beta.6.

[zRaspina]

@AllenFang, I can't find related example about custom buttons. Can you post link here man? 😉
When you want to release v3.0.0 Final?

[AllenFang]

https://github.com/AllenFang/react-bootstrap-table/tree/v3.0.0-dev/examples/js/custom

When you want to release v3.0.0 Final?

I've no idea, maybe on February or March(After chinese new year)