页面初始化时datatable不显示数据

有一个查询页面使用了datatable，但要求初始化时不显示数据，而datatable默认是自动查询数据的。在网上没有找到比较好的解决办法，于是使用了一个比较不正规的办法，就是在点击“查询”按钮后再初始化datatable控件。

首先，将datatable初始化代码封装到一个方法内，

function initTable(){
    oTable = $('#taskList').DataTable({
        "processing": true,
        "serverSide": true,
        "bFilter": false,
        "ajax": {
            'url' : '',
            'method':'POST',
            "data":
        },
        ...其它datatable属性
    });
}

其次，在查询方法中判断datatable是否已经初始化，如果没有初始化则先初始化datatable

$("#querySubmit").click(function(){
        if(oTable == null){
            initTable();//初始化datatable时会自动查询数据
        }else{
            loadData();//如果已经初始化datatable则直接重新加载数据
        }
    });

如此就能实现datatable的“懒加载”。

来源：CSDN

作者：huangjianwei79

链接：https://blog.csdn.net/chenganbeit/article/details/104769576