Skip to content
This repository was archived by the owner on Dec 25, 2021. It is now read-only.
This repository was archived by the owner on Dec 25, 2021. It is now read-only.

Sorting and Paging not working #64

@Niks-sagi

Description

@Niks-sagi

I am learning Angular and trying to implement a data table in my project and get the following error:

ERROR in node_modules/angular5-data-table/datatable.module.d.ts:14:23 - error TS2314: Generic type 'ModuleWithProviders' requires 1 type argument(s)

Version:
image

my HTML looks like:

`<data-table
[items]="items"
[itemCount]="itemCount"
(reload)="reloadItems($event)"

<data-table-column
    [property]="'title'"
    [header]="'Title'"
    [sortable]="true"
    [resizable]="true"
>
</data-table-column>
<data-table-column
    [property]="'price'"
    [header]="'Price'"
    [sortable]="true"
    [resizable]="true"
>
    <ng-template #dataTableCell let-item="item">
        {{ item.price | currency:'INR':true}}
    </ng-template>
</data-table-column>
<data-table-column
    [property]="'$key'"
>
    <ng-template #dataTableCell let-item="item">
        <a [routerLink]="['/admin/products/',item.key]">Edit</a>
    </ng-template>
</data-table-column>

`

The data is populated but sorting is not working, even the icons are not visible for next previous etc.

app module looks like:

`import { DataTableModule } from 'angular5-data-table';

@NgModule({
declarations: [
AppComponent,
BsNavBarComponent,
HomeComponent,
ProductsComponent,
ShoppingCartComponent,
CheckoutComponent,
OrderSuccessComponent,
MyOrdersComponent,
AdmProductsComponent,
AdmOrdersComponent,
LoginComponent,
ProductFormComponent
],
imports: [
FormsModule,
CustomFormsModule,
BrowserModule,
AppRoutingModule,
AngularFireModule.initializeApp(environment.firebase),
AngularFireDatabaseModule,
AngularFireAuthModule,
NgbModule,
DataTableModule.forRoot(),`

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions