如何检测浏览器宽度更改并调用所有数据表元素并告诉他们调整大小

Question

我正在使用以下代码，该代码不起作用，该代码不起作用，将引发错误 -

$(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...
       }
    });