Angular 7项目中未显示Datatable.net分页

时间:2019-04-26 08:27:36

标签: angular typescript datatable datatables

我正试图让Datatables.net在我的Angular 7项目中工作。该表呈现良好,但未显示按列,分页按钮等进行排序,这是我的表中缺少上述内容的图像:

Table

这是我的项目规格:

  • Angular CLI版本7
  • Bootstrap-4.3.1

我关注了this的文章,尽管它引用了Angular 6,但我假设过程应该类似。

这是我在angular.json文件中的脚本/样式。

Dependencies

我正在.ts类中设置DataTable选项,如下所示:

dtOptions: DataTables.Settings = {
    pagingType: 'full_numbers',
    pageLength: 20,
    paging: true
};

然后将上述选项绑定到我的table,如下所示:

<table datatable [hidden]="!hasData" [dtOptions]="dtOptions" [dtTrigger]="dtTrigger".

我没有任何控制台错误,因此很难找出问题所在。

我想念什么吗?

0 个答案:

没有答案