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