Как обнаружить изменение ширины браузера и вызвать все элементы таблицы данных и сказать им изменить размер?

Question

Я использую приведенный ниже код, который не работает. AdjustColumnSizing выдает ошибку-

$(document).ready(function () {

   var oTable = $('#tableID').dataTable({
       "sScrollY": "400px",
       "bPaginate": true,
       "bAutoWidth":false,
        } );

   $(window).on('resize', function () {
             oTable.fnAdjustColumnSizing();
          } );

Но я должен использовать следующий код для инициализации моей таблицы данных-

$('.table').not("#TableID").DataTable({
                  stateSave: true,            
                  columnDefs: [{
                   "targets": [7],
                   "visible": false
                       }, {
                   "targets": [8],
                  "visible": false
                       }]
                        });

Пожалуйста, направьте меня, где я иду не так, как я новичок в этом

Answer 1

Просто используйте событие изменения размера окна:

var previousWidth = $(window).width();
    $(window).on('resize', function(){
       if($(this).width() != previousWidth){
            //window width has been changed...
          //further action here...
       }
    });