“表中没有可用数据”即使在数据表加载后也会显示

Posted 2023-05-07

【中文标题】“表中没有可用数据”即使在数据表加载后也会显示

【英文标题】："No data available in table" shows even after datatable loads

【发布时间】：2018-06-08 16:43:55

【问题描述】：

我在 JQUERY Datatable Angular 4 中遇到了问题。我为绑定在组件的 init 事件中的表初始化了 DataTable。

DataTable 初始化并显示 10-15 行和分页、过滤器以及包括排序在内的所有显示。但即使在表格底部下方显示表格中没有可用数据和显示 0 到 0 个条目中的 0 到 0 个 我不明白原因

这是函数

loadUserList(): void 
    this.waitMessage = this.waitMessageLoadList;

    this.http.get(this.appService.baseUrl + 'api/User').subscribe(result => 
        this.userLists = result.json() as userList[];
        $('#tbl_userlist').DataTable();

    
        , error =>  console.error(error); 
        , () => 
            this.waitMessage = "";

        
    );

【参考方案1】：

在视图中尝试一下

    setTimeout(function () 
        $(function () 
            $('#dataTableId').DataTable();
        );
    , 0);

【讨论】：

不清楚这个代码 sn-p 是如何回答这个问题的。