jQuery Datatables - How to insert a div between the toolbar and the table?

Question

How can I insert a div class="row" between the tool bar and the table itself? Where the arrow line is in the below image.

Thank you!

Answer 1

I reckon you can accomplish this using the JQuery insertAfter method. http://api.jquery.com/insertafter/

First, use a selector for your toolbar and then use the function insertAfter after that.

Sample Html:

<div id="toolbar" > Your stuff here </div>

<table id="yourTable">...</table>

Sample Jquery code:

$("#toolbar").insertAfter("<div class='row'></div>");