Angular 2数据表

Angular 2数据表

问题描述:

该应用程序目前在Angular 2中开发,它需要像表格这样的jQuery数据表,它具有排序/分页/固定标题/列固定/滚动等多种功能。Angular 2数据表

最近我无法找到与Angular 2完全兼容的任何数据表插件。在ngprime中最接近兼容的插件,但也显示了Angular2的脚本错误。

我可以得到任何建议/建议的技术人员/手上人。任何实际上已经实现它的博客/ github作者。

+0

尝试Kendo网格的角度 –

+0

PrimeNG中有一个:https://www.primefaces.org/primeng/#/datatable 它的超级定制和大量的示例代码在他们的网站上可用。 – Indrajith

+0

@Indrajith它在Angular2中运行良好,但对Angular 2有很多问题。这个错误在下面非常常见:如果'p-dataTable'是一个Angular组件并且它有'value'输入,那么请验证它是否是该模块的一部分。 angular CLI –

根据您的评论,您使用primeng数据表有错误。 的步骤是正确的安装是:

  1. 安装库

    npm install primeng --save 
    

    您的package.json应该包含这个依赖

    "dependencies": { 
    .... 
    "primeng": "^x.y.z", 
    .... 
    }, 
    
  2. 更改app.module.ts和导入你的ngprime表

    import {GrowlModule} from 'primeng/primeng' 
    @NgModule({ 
    declarations: [ 
        AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    GrowlModule 
    ], 
    providers: [], 
    bootstrap: [AppComponent] 
    }) 
    

希望它有帮助。

+0

尝试了这个以及它会抛出下面的错误:如果'p-dataTable'是一个Angular组件并且它有'value'输入,那么请验证它是否是该模块的一部分。 –

+0

要使用'p-dataTable',您需要从'primeng/primeng';'导入'import {DataTableModule,SharedModule}。它就在[documentation](https://www.primefaces.org/primeng/#/datatable)中。基本级别的数据表不需要'GrowlModule'。这就是为什么你明确地得到这个错误。 –