Bootstrap-table: Adding a button inside bootstrap table toolbar

[innoctive]

Hi - I have a bootstrap table in my portal and there are few buttons that open dialog boxes and lead to another page etc, from a look & feel perspectives, my business folks are suggesting to move those buttons within bootstrap toolbar.

How can I do that ? If you see the below screenshot, there is lot of space below my 'Add Resource' button, would like to move 'Add Resource' button inside the tool bar left side i.e. same level as the search box but towards the left, that way it will show up exactly on top of the table.

Thanks,
Deepesh

[ghost]

Example for use a toolbar in your bootstrap table.

Create your toolbar in your html:

<div id="toolbar">
  your buttons here
</div>

In your html table use the data-toolbar param:

<table data-toolbar="#toolbar"></table>

[innoctive]

Thanks for the note, superb one...

[PriyaGupta11]

Button got disappear When I am keeping button inside Div.

your buttons here

Please help me!

[edgard0987]

you are the boss! thank you!!