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

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