Angular 4具有滚动分页和排序功能

Question

我正在与Angular 4合作，我是新手。 我想显示一个带有滚动分页和排序选项的表格（网格）。

是否有可用于实现此目的的组件？

Answer 1

您可以在Angular 2/4中使用Jquery Datatable，只需要做两件事。 只需在导入部分正下方的.Ts文件中添加这两行。

declare var jquery: any;
declare var $: any;

然后写下一个与您的数据表将呈现的表ID相同的函数。

   ngAfterViewChecked(): void {
        $('#Data').dataTable();
    }

根本没有问题。

Answer 2

不确定组件，但您当然可以尝试Angular DataTables。

由创作者定义： “用于动态Web应用程序的Angular结构框架+用于复杂HTML表格的DataTables jQuery插件”。

链接：https://l-lin.github.io/angular-datatables/#/welcome

安装说明定义明确，并且直接适用于蝙蝠。安装完成后，您可以在所需的组件类中使用它。

示例：https://l-lin.github.io/angular-datatables/#/basic/angular-way