Search

https://www.gyrocode.com/articles/jquery-datatables-column-width-issues-with-bootstrap-tabs/#example2

var table = $('#example2').DataTable(); table.on('columns-reordered', function (e, settings, details) { console.log('Columns have been reordered in table 2'); console.log(table.colReorder.order()

.col-md-6:eq(0)'); $('#example2').DataTable({ "paging": true, "lengthChange": false, "searching": false, "ordering": true, "info&q

var table = $('#example2').DataTable({ ajax: { url: "@Url.Action("GetAllEvents")", type: "POST", }, processing: true,

var table = $('#example2').DataTable({ ajax: { url: "@Url.Action("GetAllEvents")", type: "POST", processing: true,

var table = $('#example2').DataTable({ ajax: { url: "@Url.Action("GetAllEvents")", type: "POST", }, processing: true,

const table = window.$('#example2').DataTable() window.$(window).on('resize', function () { table.columns.adjust().responsive.recalc() }) window.$('#toggle_sidebar').on('click', function () {

const table = window.$('#example2').DataTable() window.$(window).on('resize', function () { table.columns.adjust().responsive.recalc() }) window.$('#toggle_sidebar').on('click', function () {

const table = window.$('#example2').DataTable() window.$(window).on('resize', function () { table.columns.adjust().responsive.recalc() }) window.$('#toggle_sidebar').on('click', function (

() { const table = window.$('#example2').DataTable() window.$(window).on('resize', function () { table.columns.adjust().responsive.recalc() }) window.$('#toggle_sidebar').on('click', fun

$('#example2').DataTable({ "paging": true, "lengthChange": false, "searching": false, "ordering": true, "pageLength": 15, &quo

// DataTable 2 var table = $('#example2').DataTable( { columnDefs: [ { targets: [3, 4, 5, 6, 7, 8, 9, 10, 11,12,13,14,15], className: "dt-body-right" }, ], paging

$(document).ready(function() { var table = $('#example2').DataTable( { buttons: [ { extend: 'pdfHtml5',

Assuming you are using the same JS code to initialize Datatables you can use a Javascript ternary operator to set the columns array. I created an example for you that uses the same code on two diffe…

.col-md-6:eq(0)'); $('#example2').DataTable({ "paging": true, "lengthChange": false, "searching": false, "or

table: "#example2",

'Calls'); addSheet(xlsx, '#example2', 'My Sheet2', 'Summary2', '2'); addSheet(xlsx, '#example3', 'My Sheet3', 'Summary3', '3'); addSheet(xlsx, '#example4', 'My Sheet4',

dom: 'tir' }); var table2 = $('#example2').DataTable({ dom: 'tir' }); // Event listener to the two range filtering inputs to redraw on input $('#min, #max').keyup( function()

that addSheet(xlsx, '#example2', 'My Sheet2', groupName, '2'); } } ], dom: { button: { tag: 'i'

var table2 = $('#example2').DataTable(); console.log(dataNew) table2.clear(); table2.row.add( dataNew ).draw();