ngx 数据表"无法设置未定义的属性'offset'"时筛选



我正在尝试在我的 angular 2 应用程序中使用 ngx 数据表。我尝试按照示例进行操作:https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/filter.component.ts每当我在过滤器框中键入时,我都会收到错误:"无法设置未定义的属性'偏移'"。我尽可能地将其剥离并硬编码行以尝试查看问题所在,但我无法弄清楚。任何帮助,不胜感激。

元件:

import { Component, ViewChild } from '@angular/core';
import { DatatableComponent } from '../../../node_modules/@swimlane/ngx-datatable/src/components/datatable.component';

@Component({
    selector: 'app-school-list',
    template: `
    <input type='text'
      placeholder='Type to filter the name column...'
      (keyup)='updateFilter($event)' />
    <ngx-datatable
      #table
      [columns]="columns"
      [footerHeight]="50"
      [limit]="5"
      [rows]='rows'>
    </ngx-datatable>
  `
})
export class SchoolListComponent {
    temp = [];
    columns = [
        { prop: 'name' },
        { name: 'Gender' },
        { name: 'Company' }
    ];
    rows = [
        { name: 'Austin', gender: 'Male', company: 'Swimlane' },
        { name: 'Bobby', gender: 'Male', company: 'KFC' },
        { name: 'Christina', gender: 'Female', company: 'Burger King' },
        { name: 'Dustin', gender: 'Male', company: 'Swimlane' },
        { name: 'Ellie', gender: 'Female', company: 'KFC' },
        { name: 'Flower', gender: 'Female', company: 'Burger King' },
        { name: 'Gordon', gender: 'Male', company: 'Swimlane' },
        { name: 'Houston', gender: 'Male', company: 'KFC' },
        { name: 'Ian', gender: 'Male', company: 'Burger King' }
    ];
    @ViewChild(DatatableComponent) table: DatatableComponent;
    constructor() {
        this.temp = this.rows;
    }
    updateFilter(event) {
        const val = event.target.value.toLowerCase();
        const temp = this.temp.filter(function (d) {
            return d.name.toLowerCase().indexOf(val) !== -1 || !val;
        });
        this.rows = temp;
        this.table.offset = 0;
    }
}

@yurzui 谢谢。导入是错误的。在示例中,它是:"从'../../src/components/datatable.component';".

我试图用我的文件夹做到这一点,只是我的文件夹有几个目录。他们的例子都没有这样做。他们需要更好的文档。

最新更新