Adding a refresh button to jQuery Datatable

Question

I have a dataTable in my application. I am required to add a Refresh button somewhere near Search textbox within the datatable in order to refresh the table when user clicks on it. I have figured out the refresh functionality.

The thing that I am stuck with is how do I include this button within the datatable? I want to access this button id in my end script.

Any suggestions? Also can anyone tell what is the use of bJQueryUI?

Answer 1

I simply used the following code:

$('<button id="refresh">Refresh</button>').appendTo('div.dataTables_filter');

Answer 2

Here is the example page for adding buttons from datatables.net

http://datatables.net/examples/advanced_init/dom_toolbar.html

And here is the example page for sDom as mentioned by @Mike: http://datatables.net/release-datatables/examples/advanced_init/dom_multiple_elements.html