angular - "No data available in table"甚至在数据表加载后显示

Question

我在 JQUERY Datatable Angular 4 中遇到了麻烦。我为绑定(bind)在组件的 init 事件中的表初始化了 DataTable。

DataTable 初始化并显示 10-15 行和分页、过滤器以及包括排序在内的所有显示。但即使在那之后，在表格底部它也会显示表格中没有可用数据和显示 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 = "";

        }
    );

}

Answer 1

在 View 中尝试

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