如何检测浏览器宽度的变化并调用所有数据表元素并告诉它们调整大小?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (59)

我正在使用下面的代码,它不是工作的调节器,列大小抛出了一个错误-

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

因为我对这件事不熟悉,所以请指点我哪里出了问题。

提问于
用户回答回答于

只需使用窗口调整大小事件:

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

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励