Search

Looks like you have your Datables init code inside a loop: $('#student_info thead tr:eq(1) th').not(":eq(5)").each(function (i) { var title = $(this).text(); $(this).html('<input class="form-control" type="text" placeholder="Search ' + title + '" />'); var table = $('#student_info').DataTable({ You will want to structure your code like this example: https://datatables.net/examples/api/multi_filter_select.html Kevin

you are manipulating the table before destroying it: $('#tHead').html(tHead);

verbose to generate the table from JSON. Many thanks!

The content of the table is forcing its width

way to version individual table could be another solution,

render pages' "scripts" sections. Table initialization on that "scripts"

Thanks @colin for your help, I think my problem because i'm exporting RTL data. Is there any specific feature i have to add to make table columns start from right to left on the PDF?

Removing it allows the table itself to not expand

a new "state" the table "loses" that initialized state

The Multiple Table example uses the same