私は運がうまく動作しないようにしようとしています。私は助けを求め、これらのリソースを参照してきた: http://swimlane.github.io/ngx-datatable/#filter
https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/filter.component.tsNGX Datatable Columnフィルタリングを実装する
基本的に私はちょうど私のフィルタは、すべての列を処理するコードを実装せずに、より多くの単一の列に適用することができるようにしたいです。 (いくつかのDataTableは20+列を持っている!)
コード例:
//HTML
<input type='text' placeholder='Filter' (keyup)='updateFilter($event.target.value)' />
<ngx-datatable
class="material"
columnMode="force"
[columns]="gridProperties.FilteredColumns"
[footerHeight]="50"
[loadingIndicator]="gridLoadingIndicator"
[rows]="filteredList"
[scrollbarH]="false"
[scrollbarV]="true"
[selected]="selectedItem"
[selectionType]="'single'"
style="min-height:400px;">
</ngx-datatable>
//TYPESCRIPT
public items: Item[];
updateFilter(filterValue) {
const lowerValue = filterValue.toLowerCase();
this.filteredList = this.items.filter(item => item.name.toLowerCase().indexOf(lowerValue) !== -1 || !lowerValue);
}
ここ
私は明らかに私のitems配列の「名前」プロパティのフィルタリングを取り扱いしています。これは素晴らしいですが、私が言及したように、グリッドに多くの列が含まれている場合、それらのすべてを扱う1つのメソッドが必要です。どんな助けやヒントもありがとうございます。ここ
) –
あなたは、このためのソリューションを見つけましたか? –