Bootstrap Tabs with Table

Regarding: bootsnipp.com/snippets/AlZ7g

I have find the solution.

Include Bootstrap library after jQuery library

Include Responsive extension version 1.0.1 or later

Use the code below:

$(document).ready( function () {

$('#myTable').DataTable( {

responsive: true,

"lengthMenu": [[8, 15, 30, -1], [8, 15, 30, "All"]]

});

$('#assigned').DataTable( {

responsive: true,

"lengthMenu": [[8, 15, 30, -1], [8, 15, 30, "All"]]

});

$('#closed').DataTable( {

responsive: true,

"lengthMenu": [[8, 15, 30, -1], [8, 15, 30, "All"]]

});

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {

$($.fn.dataTable.tables(true)).DataTable()

.columns.adjust()

.responsive.recalc();

});

});

ImadUllah (0) - 5 years ago - Reply -1